:root{--ink:#172b36;--muted:#71818a;--green:#147e68;--line:#e5ebed;--bg:#f4f7f7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;font-size:14px}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}.sidebar{width:240px;position:fixed;inset:0 auto 0 0;background:#112d2d;color:#d4e1dc;padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:inherit;font-size:23px;font-weight:700;letter-spacing:-.7px}.brand-icon{background:#bceacb;color:#123f31;width:36px;height:36px;border-radius:10px;display:inline-grid;place-items:center}.nav-label{font-size:10px;letter-spacing:2px;color:#8ca6a0;margin:44px 12px 16px}.sidebar nav{display:grid;gap:3px}.sidebar nav a{color:#a8beb8;padding:10px 13px;border-radius:6px;font-size:13px}.sidebar nav a.active{background:#285046;color:#e3f5e6}.sidebar nav a:hover{background:#1d403a;text-decoration:none}.sidebar-footer{margin-top:auto;border-top:1px solid #315049;padding-top:18px}.sidebar-footer small{display:block;color:#93aaa3;margin-top:4px}.logout{background:none;border:0;padding:8px 0;color:#b5d4c6}.workspace{margin-left:240px}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 40px;gap:10px;color:#7c8e91;font-size:12px}.topbar>span:first-child{margin-right:auto;color:#334a50}.live-dot{color:#159e78}.content{max-width:1600px;margin:auto;padding:38px 40px}.eyebrow{color:#7e9395;letter-spacing:1.6px;font-size:10px;font-weight:600;margin-bottom:10px}h1{font-size:30px;font-weight:650;letter-spacing:-1px;margin:0 0 10px}h2{font-size:17px;font-weight:650;margin:0 0 20px}h3{font-size:15px}.subtext{color:var(--muted);margin-bottom:28px}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:24px 0}.toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.btn{font-size:13px;border-radius:6px;padding:9px 15px}.btn-primary{background:var(--green);border-color:var(--green)}.btn-primary:hover{background:#09644f;border-color:#09644f}.btn-light{background:#fff;border:1px solid #dce4e5}.btn-dark{background:#244640;border-color:#244640}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:25px;margin:22px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.stat:first-child{background:#e7f1e9;border-color:#d5e8da}.stat small{color:#677e7b;display:block}.stat strong{display:block;font-size:34px;letter-spacing:-1px;margin:10px 0 3px}.stat span{font-size:11px;color:#78938a}.charts{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.charts .panel{margin:0}.chart-box{height:240px}.table{font-size:12px;vertical-align:middle;margin:0}.table>:not(caption)>*>*{padding:15px 12px;border-color:#edf0f1}.table thead th{color:#7e9196;background:#fafcfc;font-weight:500;white-space:nowrap;font-size:11px}.table tbody td{max-width:320px;overflow-wrap:anywhere}.status{font-size:10px;padding:5px 9px;border-radius:20px;background:#edf1f3;white-space:nowrap;display:inline-block}.status.available,.status.completed,.status.verified,.status.active{color:#27764a;background:#e8f5eb}.status.assigned,.status.approved{color:#326a98;background:#eaf2fa}.status.pending,.status.transfer_pending,.status.maintenance,.status.in_progress,.status.reported{color:#977022;background:#fff4dd}.status.rejected,.status.damaged,.status.lost{color:#b15353;background:#fcebea}.filters{display:flex;flex-wrap:wrap;gap:12px;background:#fff;padding:18px;border:1px solid var(--line);border-radius:10px;margin:20px 0}.filters .field{flex:1;min-width:135px}.filters .field:first-of-type{min-width:170px}.field{display:flex;flex-direction:column;gap:7px;margin:0}.field>span{font-size:12px;color:#5d7178;font-weight:500}.form-control,.form-select{font-size:13px;padding:9px 10px;border-color:#dce4e5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.full{grid-column:1/-1}.filter-button{align-self:end}.empty{text-align:center;padding:50px;color:#829299}.empty strong{display:block;color:#4c666a;font-size:17px;margin-bottom:8px}.pagination-bar{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:12px;color:#7d8d93}.auth{max-width:480px;margin:10vh auto;padding:38px;border:1px solid var(--line);border-radius:15px;background:white}.auth .brand{margin-bottom:32px}.auth h1{font-size:26px;margin-bottom:20px}.auth .form-grid{display:flex;flex-direction:column}.alert{font-size:13px}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.details dt{font-size:11px;color:#839398;font-weight:400;margin-bottom:6px}.details dd{font-size:13px}.inline-form{display:inline}.link-button{border:0;background:transparent;color:var(--green)}.section-nav{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.checklist{max-height:240px;overflow:auto;border:1px solid var(--line);padding:10px}.checklist label{display:block;padding:7px}.muted{color:var(--muted)}@media(max-width:1000px){.sidebar{width:190px;padding:24px 12px}.workspace{margin-left:190px}.content{padding:25px}.stats{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}}@media(max-width:680px){.sidebar{position:static;width:100%;padding:16px}.sidebar nav{display:flex;overflow:auto;white-space:nowrap;margin-top:16px}.nav-label,.sidebar-footer{display:none}.workspace{margin:0}.content{padding:20px 15px}.topbar{padding:0 18px;height:50px}.form-grid,.details{grid-template-columns:1fr}.auth{margin:30px 15px}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:26px}.panel{padding:18px}.toolbar{align-items:flex-start}.charts{gap:15px}}@media print{.sidebar,.topbar,.toolbar,form,.eyebrow,.btn{display:none!important}.workspace{margin:0}.content{padding:0}.panel{border:0}body{background:#fff}}
/* Kosos Home interface refresh */
:root{--ink:#28352f;--muted:#718078;--green:#576e53;--line:#e7e8e1;--bg:#f7f7f3}body{font-family:'Segoe UI',Arial,sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}a{color:#486b50}.sidebar{width:260px;background:#263b33;color:#edf2ec;padding:28px 17px;overflow-y:auto;z-index:20;transition:width .2s}.brand{gap:12px;color:inherit;font-size:19px;font-weight:700;letter-spacing:.1px;padding:0 5px}.brand:hover{text-decoration:none;color:inherit}.brand-icon{width:40px;height:40px;flex:0 0 40px;background:#d4c8aa;color:#2e4339;border-radius:8px;font-family:'Segoe UI',Arial,sans-serif;font-weight:700;font-size:25px}.brand-text{display:block;white-space:nowrap}.brand-text small{display:block;font-size:9px;letter-spacing:1.65px;font-weight:600;color:#9faf9f;margin-top:3px}.nav-label{margin:38px 13px 12px;font-size:10px;color:#a9b9a8}.sidebar nav{gap:3px}.sidebar nav a{display:flex;align-items:center;gap:13px;font-size:13px;line-height:1.3;color:#d3dfd2;padding:10px 12px;min-height:41px;white-space:nowrap}.sidebar nav a.active{background:#536e5c;color:#fff;font-weight:600}.sidebar nav a:hover{background:#3b5448;color:white}.nav-icon{width:19px;height:19px;flex:0 0 19px}.sidebar-footer{display:flex;gap:10px;margin-top:auto;padding:18px 5px 0;border-color:#52665a}.user-avatar{height:36px;width:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:#617b69;color:white;font-weight:700}.user-details{min-width:0}.user-details strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer small{color:#b5c5b3}.logout{font-size:12px;color:#d9e6da}.workspace{margin-left:260px;transition:margin-left .2s}.topbar{height:72px;padding:0 40px;background:#fff;border-bottom:1px solid var(--line);gap:16px;color:#66766c;font-size:13px}.topbar .topbar-title{margin-right:auto;color:#34473d;font-weight:600}.topbar-title span{font-weight:400;color:#8a978b}.topbar-user{font-size:12px;color:#657468}.sidebar-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;padding:9px;background:#f5f6f1;border:1px solid #e4e8df;border-radius:8px;cursor:pointer}.sidebar-toggle span{display:block;width:17px;height:2px;background:#496050;border-radius:2px}.sidebar-toggle:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #b99c61;outline-offset:2px}.content{padding:40px;max-width:1600px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#829284}h1{font-family:'Segoe UI',Arial,sans-serif;font-weight:700;font-size:30px;letter-spacing:-.5px;margin-bottom:12px}h2{font-size:17px;letter-spacing:-.2px}.subtext{font-size:14px;line-height:1.6;color:#758179}.panel,.stat,.filters{border-color:#e7e9e2;box-shadow:0 3px 14px rgba(36,51,38,.035);border-radius:11px}.panel{padding:26px}.stat{padding:22px}.stat:first-child{background:#eaf0e6;border-color:#dce7d9}.stat small{color:#66786a;font-size:12px}.stat strong{font-family:'Segoe UI',Arial,sans-serif;font-weight:600;font-size:31px;color:#30483a}.stat span{font-size:11px;color:#788a7b}.btn{font-size:13px;font-weight:600;padding:10px 16px;border-radius:7px}.btn-primary{background:#526d55;border-color:#526d55}.btn-primary:hover{background:#3e5943;border-color:#3e5943}.btn-dark{background:#344d40;border-color:#344d40}.form-control,.form-select{font-size:14px;min-height:42px;border-color:#dce2d9}.field>span{font-size:13px;color:#53675a}.table{font-size:13px}.table thead th{font-size:12px;color:#647a6b}.table tbody tr:hover{background:#f8faf6}.status{font-size:11px}.auth{max-width:460px;margin:9vh auto;padding:44px;background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(36,51,38,.08)}.auth .brand{color:#304a39;margin-bottom:45px}.auth .brand-text small{color:#829287}.auth-label{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#89998a;margin-bottom:10px}.auth h1{font-size:28px}.auth .btn{width:100%;margin-top:4px}.nav-collapsed .sidebar{width:76px}.nav-collapsed .workspace{margin-left:76px}.nav-collapsed .brand-text,.nav-collapsed .nav-label,.nav-collapsed .nav-text,.nav-collapsed .user-details{display:none}.nav-collapsed .sidebar nav{margin-top:38px}.nav-collapsed .sidebar nav a{justify-content:center;padding:10px}.nav-collapsed .sidebar-footer{justify-content:center}.nav-collapsed .brand{padding:0}
@media(max-width:1000px){.sidebar{width:230px;padding:25px 13px}.workspace{margin-left:230px}.content{padding:30px}.nav-collapsed .sidebar{width:70px}.nav-collapsed .workspace{margin-left:70px}}
@media(max-width:680px){.sidebar,.nav-collapsed .sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:25px 17px;transform:translateX(-100%);transition:transform .2s}.nav-open .sidebar{transform:translateX(0);box-shadow:12px 0 35px rgba(0,0,0,.2)}.sidebar nav{display:grid;overflow:visible;white-space:normal;margin-top:0}.nav-collapsed .sidebar nav{margin-top:0}.nav-label,.sidebar-footer,.nav-collapsed .nav-label,.nav-collapsed .user-details{display:block}.sidebar-footer{display:flex}.nav-collapsed .brand-text,.nav-collapsed .nav-text{display:block}.nav-collapsed .sidebar nav a{justify-content:flex-start;padding:10px 12px}.workspace,.nav-collapsed .workspace{margin-left:0}.topbar{height:62px;padding:0 18px}.topbar-user{display:none}.content{padding:24px 16px}h1{font-size:29px}.auth{margin:25px 15px;padding:30px}.auth .brand{margin-bottom:35px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{flex-wrap:wrap}.panel{padding:18px}}
@media print{.sidebar,.topbar,.sidebar-toggle{display:none!important}.workspace,.nav-collapsed .workspace{margin:0}.content{padding:0}.panel{box-shadow:none}}