:root{--black:#000000;--white:#ffffff;--orange:#f47920;--green:#009a44;--red:#cc0000;--fs-xs:clamp(11px, 1.6vh, 14px);--fs-sm:clamp(13px, 1.9vh, 16px);--fs-md:clamp(15px, 2.2vh, 18px);--fs-lg:clamp(16px, 2.6vh, 20px);--fs-xl:clamp(18px, 3.2vh, 23px);--fs-xxl:clamp(30px, 6vh, 48px);--sp-xs:clamp(4px,  0.8vh, 8px);--sp-sm:clamp(6px,  1.2vh, 12px);--sp-md:clamp(8px,  1.8vh, 16px);--sp-lg:clamp(12px, 2.5vh, 22px);--sp-xl:clamp(18px, 3.5vh, 28px)}*{margin:0;padding:0;box-sizing:border-box;text-transform:uppercase}input,select,textarea{text-transform:none}body{font-family:'Bebas Neue',cursive;background:var(--white);color:var(--black);min-height:100vh;font-size:var(--fs-sm)}.hidden{display:none!important}#screen-login{position:fixed;inset:0;z-index:100;background:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-xl);padding:var(--sp-xl)}.login-title{font-size:var(--fs-xxl);letter-spacing:14px;color:var(--black)}.login-sub{font-size:var(--fs-sm);letter-spacing:6px;color:var(--orange);margin-top:calc(-1 * var(--sp-md))}.login-card{display:flex;flex-direction:column;gap:var(--sp-lg);width:100%;max-width:min(90vw,320px)}.field-lbl{font-size:var(--fs-sm);letter-spacing:3px;color:#000;margin-bottom:var(--sp-xs)}.bo-input{width:100%;padding:var(--sp-sm) var(--sp-sm);font-family:'Bebas Neue',cursive;font-size:var(--fs-sm);letter-spacing:2px;border:2px solid var(--black);border-radius:8px;outline:0;background:var(--white)}#login-pwd{font-family:Arial,sans-serif;letter-spacing:1px}#screen-login .bo-input,#screen-login .field-lbl{text-align:center}.bo-input:focus{border-color:var(--orange)}.pwd-wrap{position:relative}.pwd-eye{position:absolute;right:var(--sp-sm);top:50%;transform:translateY(-50%);cursor:pointer;font-size:var(--fs-md)}.login-err{color:var(--red);font-size:var(--fs-sm);letter-spacing:2px;text-align:center;min-height:clamp(14px,2vh,18px)}.bo-btn-primary{width:100%;padding:var(--sp-md);font-family:'Bebas Neue',cursive;font-size:var(--fs-sm);letter-spacing:4px;background:var(--white);color:var(--orange);border:2px solid var(--orange);border-radius:8px;cursor:pointer}.bo-btn-primary:hover{background:var(--white)}.tab-btn{padding:var(--sp-xs) var(--sp-md);font-family:'Bebas Neue',cursive;font-size:var(--fs-sm);letter-spacing:2px;border:2px solid #000;border-bottom:none;border-radius:6px 6px 0 0;cursor:pointer;background:#fff;color:#000}.tab-btn.active{background:#fff;color:#f47920;border-color:#000}#screen-dashboard{display:none;flex-direction:column;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-sm) var(--sp-md);background:var(--white);color:var(--black);border-bottom:2px solid var(--black);position:sticky;top:0;z-index:10}.topbar-title{font-size:var(--fs-xl);letter-spacing:6px;color:var(--orange)}.topbar-role{font-size:var(--fs-sm);letter-spacing:4px;color:var(--black);margin-top:var(--sp-xs)}.bo-body{flex:1;padding:var(--sp-md);display:flex;flex-direction:column;gap:var(--sp-lg);max-width:min(95vw,900px);width:100%;margin:0 auto}.bo-section-title{font-size:var(--fs-sm);letter-spacing:4px;color:var(--black);border-bottom:2px solid var(--black);padding-bottom:var(--sp-sm);margin-bottom:var(--sp-lg)}.bo-btn{padding:var(--sp-xs) var(--sp-md);font-family:'Bebas Neue',cursive;font-size:var(--fs-sm);letter-spacing:2px;border:2px solid var(--black);border-radius:6px;cursor:pointer;background:var(--white);color:var(--black)}.bo-btn:hover{background:#fff}.bo-btn-green{background:var(--white);color:var(--green);border:2px solid var(--green)}.bo-btn-green:hover{background:var(--white)}.bo-btn-red{background:var(--white);color:var(--red);border:2px solid var(--red)}.bo-btn-orange{background:var(--white);color:var(--orange);border:2px solid var(--orange)}.bo-btn-orange:hover{background:var(--white)}.bo-btn-black{background:var(--white);color:var(--black);border:2px solid var(--black)}.bo-btn-black:hover{background:var(--white)}.bo-btn-sm{padding:var(--sp-xs) var(--sp-sm);font-size:var(--fs-sm)}.bo-table-wrap{overflow-x:auto;border:2px solid #000;border-radius:8px}.bo-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.bo-table th{background:var(--white);color:var(--black);border-bottom:2px solid var(--black);padding:var(--sp-xs) var(--sp-sm);letter-spacing:2px;text-align:center;font-size:var(--fs-sm)}.bo-table th:first-child{text-align:left}.bo-table td{padding:var(--sp-xs) var(--sp-sm);border-bottom:1px solid #000;text-align:center}.bo-table td:first-child{text-align:left}.bo-table tr:last-child td{border-bottom:none}.bo-table tr:hover td{background:#fff;color:#f47920}.toast{position:fixed;bottom:var(--sp-lg);left:50%;transform:translateX(-50%);background:var(--white);color:var(--black);border:2px solid var(--black);padding:var(--sp-sm) var(--sp-lg);border-radius:8px;font-size:var(--fs-sm);letter-spacing:3px;z-index:999;opacity:0;transition:opacity .3s;pointer-events:none}.toast.show{opacity:1}