:root{--red:#c8253f;--red-dark:#aa1830;--red-light:#fceef1;--ink:#252a38;--muted:#828794;--border:#eceef2;--surface:#f6f7f9;--green:#23886d}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #cf29474d;outline-offset:3px}a{color:var(--red)}a:hover{color:var(--red-dark);text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);font-weight:700;letter-spacing:-.025em}h1{font-size:32px;line-height:1.2}h2{font-size:18px}h3{font-size:16px}small{font-size:12px}.muted{color:var(--muted)}.block{display:block}.required,.text-danger{color:var(--red)!important}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#969ba6;display:block;margin-bottom:10px}.title-dot{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 19px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:none!important;letter-spacing:0;white-space:nowrap}.btn-primary,.btn-primary:disabled{background:var(--red);border-color:var(--red)}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background:var(--red-dark)!important;border-color:var(--red-dark)!important}.btn-primary:disabled{opacity:.45}.btn-light{background:#f5f6f8;color:#555c69;border:1px solid #e8eaf0}.btn-light:hover{background:#eeeef3}.btn-sm{min-height:35px;font-size:12px;padding:7px 12px;border-radius:7px}.icon-btn{border:1px solid transparent;background:transparent;color:#8a8f9a;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;flex-shrink:0;cursor:pointer;line-height:1}.icon-btn:hover{background:#f0f2f6;color:var(--ink)}.icon-btn:disabled{opacity:.3;cursor:default}.icon-btn.edit{background:#fff7e8;color:#c48a27}.icon-btn.danger{background:#fff0f2;color:var(--red)}.icon-btn.edit:hover{background:#ffedca}.icon-btn.danger:hover{background:#fbdfe4}.card{border:1px solid var(--border);box-shadow:0 2px 4px #29334703;border-radius:12px;margin:0;background:#fff}.form-group{margin-bottom:19px}.form-group label,.quarantine-form label{font-size:12px;font-weight:600;color:#555b67;margin-bottom:8px;display:block;letter-spacing:0}.form-control{border:1px solid #dfe3e9;border-radius:7px;height:46px;padding:11px 13px;color:#343a48;background:#fff;font-size:13px;box-shadow:none}.form-control:focus{border-color:#537ac7;box-shadow:0 0 0 3px #1744a512}.form-control::placeholder{color:#a4a8b1}.form-control:disabled{background:#f6f7f9}select.form-control{height:46px!important;padding-right:25px}textarea.form-control{height:auto;min-height:85px}.alert{border-radius:8px;padding:13px 15px;font-size:13px}.alert-danger{background:#fff0f2;border:1px solid #f3ccd4;color:#a42c43}.brand{display:flex;align-items:center;gap:10px;line-height:1.2;color:#252a38;font-size:19px;letter-spacing:-.6px;white-space:nowrap}.brand strong{font-weight:750}.brand small{display:block;letter-spacing:1.25px;font-size:7px;font-weight:600;color:#989da8;margin-top:6px}.brand-symbol{width:42px;height:42px;background:var(--red);color:white;border-radius:11px;display:flex;align-items:center;justify-content:center;transform:rotate(-5deg)}.brand-symbol svg{transform:rotate(5deg)}.app-shell{min-height:100vh}.main-sidebar{position:fixed;inset:0 auto 0 0;width:244px;z-index:30;background:#fff;border-right:1px solid var(--border);box-shadow:none;display:flex;flex-direction:column;overflow-y:auto}.main-sidebar .sidebar-brand{height:88px;padding:24px 22px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.workspace{display:flex;gap:10px;align-items:center;padding:12px;margin:4px 17px 17px;border:1px solid var(--border);border-radius:9px}.workspace-icon{height:34px;width:34px;display:grid;place-items:center;background:#f5f6f8;border-radius:7px;color:#7e8491}.workspace strong{display:block;font-size:11px}.workspace small{display:block;font-size:9px;color:#9297a1}.live-dot{width:6px;height:6px;background:#3caa8b;border-radius:100%;margin-left:auto}.main-sidebar nav{padding:0 13px}.nav-label{font-size:9px;font-weight:700;color:#a9adb7;letter-spacing:1.6px;margin:16px 13px 8px}.side-link{display:flex;gap:12px;align-items:center;padding:11px 13px;margin:3px 0;color:#777e8c;font-size:12px;line-height:1.3;min-height:40px;border-radius:7px;font-weight:500}.side-link svg:last-child:not(:first-child){margin-left:auto}.side-link:hover{background:#f8f9fa;color:#444d5d}.side-link.active{background:var(--red-light);color:var(--red);font-weight:650}.sidebar-bottom{padding:25px 22px 20px;margin-top:auto}.sidebar-bottom p{font-size:10px;color:#a0a5b0;line-height:1.8;margin:0 0 15px}.sidebar-version{display:block;color:#b7bbc3;font-size:8px;letter-spacing:1.3px;margin-top:16px}.install-btn,.logout{display:flex;align-items:center;gap:10px;color:var(--red);font-size:12px;background:transparent;border:0;padding:9px 0;cursor:pointer}.install-btn{color:#737b88;margin-bottom:8px}.workspace-main{margin-left:244px}.topbar{height:80px;border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;padding:0 34px;gap:15px;position:sticky;top:0;z-index:20}.topbar,.topbar-title{display:flex;align-items:center}.topbar-title{gap:13px;font-size:12px}.topbar-title>span{font-size:9px;letter-spacing:1.5px;color:#a4a9b2;display:flex;gap:14px;align-items:center}.profile-link{display:flex;align-items:center;gap:11px;color:var(--ink);max-width:45%}.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#fbeaf0;color:var(--red);font-weight:650;font-size:12px}.profile-link strong{display:block;font-size:11px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-link small{text-transform:capitalize;display:block;font-size:10px;color:#9a9faa}.profile-link>svg{margin-left:12px;color:#8e94a1}.main-content{padding:32px 34px 25px;min-height:calc(100vh - 140px);max-width:1780px;margin:auto}.main-footer{padding:10px 34px 22px;font-size:10px;color:#a0a6b0}.main-footer,.page-heading{display:flex;justify-content:space-between}.page-heading{align-items:center;gap:25px;margin-bottom:28px}.page-heading h1{margin:0 0 10px}.page-heading p{margin:0;font-size:12px;color:#8a909c}.heading-actions{display:flex;gap:10px;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:0 0 27px}.stat-card{display:flex;flex-direction:row;gap:16px;align-items:flex-start;padding:22px 19px}.stat-icon{width:43px;height:43px;display:grid;place-items:center;background:var(--red-light);color:var(--red);border-radius:11px;flex-shrink:0}.stat-icon.green{background:#eaf6f1;color:#288e72}.stat-icon.blue{background:#ecf0fd;color:#6279c8}.stat-icon.amber{background:#fef4e6;color:#cc9942}.stat-card p{font-size:11px;color:#959ba7;margin:0 0 4px}.stat-card strong{font-size:29px;font-weight:700;line-height:1.2;display:block;letter-spacing:-1px}.stat-card small{font-size:9px;color:#a3a8b2;display:block;margin-top:7px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:23px}.panel-heading{padding:23px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-heading h2{margin:0 0 5px;font-size:16px}.panel-heading p{margin:0;font-size:11px;color:#9b9faa}.text-link{color:var(--red);font-size:11px;display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;cursor:pointer}.small-link{margin-top:7px}.quick-card{padding:27px 24px;background:linear-gradient(135deg,#fff,#fff7f8)}.quick-card .eyebrow{font-size:8px;color:#c27585}.quick-card h2{font-size:23px;line-height:1.35;margin:12px 0 14px}.quick-card>p{font-size:11px;line-height:1.9;color:#96939a}.quick-link{justify-content:space-between;border-bottom:1px solid #f0e5e8;padding:15px 0;color:#6c555d;font-size:11px;font-weight:600}.quick-link,.quick-link>span{display:flex;align-items:center}.quick-link>span{gap:10px}.quick-link svg{color:var(--red)}.overdue-note{margin-top:22px;display:flex;align-items:center;gap:8px;color:#ab7b50;font-size:10px}.inventory-table{margin:0;line-height:1.5;font-size:12px}.inventory-table thead th{background:#fafbfc;border-bottom:1px solid var(--border);color:#969ca6;font-size:9px;text-transform:uppercase;letter-spacing:.8px;font-weight:650;border-top:0;white-space:nowrap;padding:15px 19px}.inventory-table tbody td{padding:19px;vertical-align:middle;border-color:#f0f1f4;font-size:11px;color:#6e7583}.inventory-table tbody tr:last-child td{border-bottom:0}.inventory-table td strong{color:#4d5563;font-weight:600}.table-item{display:flex;align-items:center;gap:12px;min-width:170px}.table-item img{width:47px;height:47px;object-fit:cover;border-radius:8px;border:1px solid #eff0f3}.table-item strong{display:block;font-size:11px;max-width:220px;overflow-wrap:anywhere}.table-item small{display:block;color:#a5aab3;font-size:9px;margin-top:4px}.table-item .loan-context{font-size:9px;color:#959ba7}.photo-btn{background:none;border:0;padding:0;cursor:pointer}.row-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.category-tag{font-size:10px;border-radius:5px;padding:4px 7px;background:#f3f4f7;color:#8d94a1;display:inline-block}.status{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:4px 8px;border-radius:5px;font-size:9px;font-weight:500;text-transform:capitalize;white-space:nowrap;background:#f1f2f5;color:#7d8490}.status i,.stock-good i,.stock-low i{width:4px;height:4px;border-radius:50%;background:currentColor;display:inline-block}.status-borrowed{background:#edf1fe;color:#6784c5}.status-returned{background:#edf7f3;color:#318d73}.status-overdue{background:#fceef1;color:#cf4b65}.status-partial{background:#fff7e8;color:#ba8d3e}.stock-good{color:#3b977e}.stock-good,.stock-low{font-size:11px;font-weight:600}.stock-low{color:#d36a4b}.stock-good i,.stock-low i{margin-right:5px}.data-panel{overflow:hidden}.list-toolbar{padding:20px 22px;gap:14px;justify-content:space-between;border-bottom:1px solid var(--border)}.list-toolbar,.search-box{display:flex;align-items:center}.search-box{gap:10px;min-width:180px;max-width:400px;flex:1 1;color:#a7adb8}.search-box input{width:100%;border:0;background:transparent;outline:none;color:#4d5665;font-size:12px;min-height:36px;padding:5px 0}.search-box input::placeholder{color:#a8aeb8}.toolbar-actions{display:flex;align-items:center;gap:10px}.category-select,.state-select{width:auto!important;font-size:11px;height:36px!important;max-width:230px;min-height:38px}.list-toolbar>select.form-control,.toolbar-actions select.form-control{height:38px!important}.pager{border-top:1px solid var(--border);padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;color:#77808f}.pager>div{display:flex;gap:4px}.pager .icon-btn{border:1px solid var(--border);width:30px;height:30px}.pager .muted{margin-left:8px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:24px}.catalog-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;min-width:0;transition:border-color .2s,transform .2s;background:#fff}.catalog-card:hover{border-color:#d9c2c9;transform:translateY(-2px)}.catalog-photo{height:170px;position:relative;background:#f3f4f5;overflow:hidden}.catalog-photo>img{width:100%;height:100%;object-fit:cover}.catalog-photo .category-tag{position:absolute;top:12px;left:12px;background:#ffffffed;color:#6f7683;font-size:9px}.catalog-body{padding:17px}.item-code{font-size:9px;letter-spacing:.6px;color:#a3a9b4}.catalog-body h3{font-size:14px;margin:6px 0 7px;line-height:1.5}.catalog-body>p{font-size:10px;margin-bottom:14px;min-height:16px}.catalog-location{font-size:9px;color:#a5aab4;display:flex;align-items:center;gap:4px;min-height:19px}.catalog-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:14px;border-top:1px solid var(--border);gap:6px}.catalog-bottom>.stock-good,.catalog-bottom>.stock-low{font-size:9px}.page-tabs{display:flex;gap:26px;border-bottom:1px solid #e4e7ec;margin-bottom:23px}.page-tabs button{display:flex;gap:8px;align-items:center;font-size:12px;color:#9aa0ac;background:none;border:0;border-bottom:2px solid transparent;padding:10px 0 16px;cursor:pointer}.page-tabs button.active{color:var(--red);border-bottom-color:var(--red);font-weight:600}.member-stats{display:flex;gap:55px;padding:24px 25px;background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:25px}.member-stats>div{flex:1 1}.member-stats span{font-size:11px;color:#9299a5;display:block}.member-stats strong{font-size:25px;display:block;margin-top:5px}.empty{padding:60px 25px;text-align:center;max-width:440px;margin:auto}.empty>span{width:64px;height:64px;background:#f8f0f2;border-radius:20px;display:grid;place-items:center;margin:0 auto 20px;color:#d2a2ad}.empty h3{font-size:16px;margin-bottom:10px}.empty p{font-size:12px;color:#969eab;margin:0}.loading{padding:65px 20px;display:flex;align-items:center;justify-content:center;gap:13px;color:#959ba6;font-size:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.dialog-backdrop{position:fixed;inset:0;background:#22273570;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:26px}.dialog{width:660px;max-width:100%;max-height:92dvh;overflow:auto;border-radius:14px;box-shadow:0 25px 100px #18202f30;animation:dialog .15s ease}@keyframes dialog{0%{transform:translateY(10px);opacity:.5}to{transform:translateY(0);opacity:1}}.dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px 20px;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:2}.dialog>header h2{margin:0;font-size:19px}.dialog>header p{font-size:11px;color:#989eaa;margin:6px 0 0}.dialog-body{padding:26px 28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:19px}.photo-input{border:1px dashed #d5dbe4;background:#fafbfc;border-radius:9px;padding:22px;display:flex;gap:20px;align-items:center;position:relative;color:#a5aebc}.photo-input>img{width:88px;height:88px;object-fit:cover;border-radius:8px}.photo-input strong{display:block;font-size:12px;color:#666f7e}.photo-input p{font-size:10px;margin:4px 0 10px;color:#a2a9b5}.photo-actions{display:flex;gap:8px}.photo-actions .btn{font-size:10px;min-height:32px}.photo-input>input{position:absolute;width:1px;height:1px;bottom:0;left:0;opacity:0}.callout{background:#f3f6fc;border-radius:8px;padding:13px 15px;display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#7e8ca3;line-height:1.7;margin:20px 0}.callout>svg{flex-shrink:0;margin-top:2px}.callout.warning{background:#fff8e9;color:#b48c40}.form-footer{border-top:1px solid var(--border);padding-top:20px;margin-top:23px;display:flex;gap:20px;align-items:center;justify-content:space-between}.form-footer>span{font-size:10px;color:#a5acb7;max-width:50%}.selected-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fb;border-radius:10px;border:1px solid #ecedf2;margin-bottom:24px}.selected-item img{width:70px;height:70px;object-fit:cover;border-radius:8px}.selected-item small{font-size:9px;color:#a3a9b3;display:block}.selected-item strong{font-size:14px;display:block;margin:5px 0}.selected-item span{font-size:10px;color:#8b95a4;display:block}.evidence-photo{max-width:100%;max-height:70vh;object-fit:contain;border-radius:9px;display:block;margin:auto}.history-row{display:flex;align-items:center;gap:17px;padding:23px;border-bottom:1px solid var(--border)}.history-row:last-child{border-bottom:0}.history-icon{width:42px;height:42px;display:grid;place-items:center;background:#edf7f3;color:#42a18b;border-radius:12px;flex-shrink:0}.history-icon.warning{background:#fff4e8;color:#d49c4b}.history-row>div{flex:1 1;min-width:0}.history-row strong{display:block;font-size:12px}.history-row small{display:block;color:#9da5b2;font-size:10px;margin-top:4px}.history-row p{font-size:11px;margin:8px 0 0;color:#939ca9;overflow-wrap:anywhere}.history-row .status{margin-left:8px;font-size:8px}.user-row{display:flex;align-items:center;gap:16px;padding:23px;border-bottom:1px solid var(--border)}.user-row>div{flex:1 1;min-width:0}.user-row strong{font-size:12px;display:block}.user-row small{display:block;font-size:10px;color:#9ba3af;overflow-wrap:anywhere}.role-tag{border:1px solid var(--border);padding:4px 9px;border-radius:6px;font-size:10px;color:#929ba9;text-transform:capitalize;min-width:65px;text-align:center}.you-tag{display:inline!important;margin-left:7px;background:#f8f0f2;padding:2px 5px;border-radius:4px;color:#c78493!important;font-size:8px!important}.list-footnote{margin:0;padding:15px 23px;font-size:10px;color:#a3aab7}.account-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;max-width:1000px}.account-profile{align-items:center;text-align:center;padding:36px 24px;height:fit-content;overflow-wrap:anywhere}.avatar.large{width:70px;height:70px;font-size:23px;margin-bottom:22px}.account-profile h2{font-size:19px}.account-profile p{font-size:11px;color:#9ca3af}.account-profile hr{width:100%;margin:25px 0}.account-profile .status{font-size:10px}.account-password{padding:28px}.account-password>p{font-size:11px;margin-bottom:26px}.quarantine-form{padding:22px;background:#fffbf1;border:1px solid #f5e6c8;border-radius:10px;margin-top:24px}.quarantine-form h3{display:flex;align-items:center;gap:8px;color:#9c792f;font-size:14px}.quarantine-form p{font-size:11px;color:#ac9567}.release-row{display:flex;gap:10px}.release-row input{width:100px}.toast-message{position:fixed;top:88px;right:30px;z-index:90;display:flex;align-items:center;gap:10px;background:#fff;box-shadow:0 5px 30px #26354c20;border:1px solid #cfe9df;color:#35836d;padding:12px 16px;border-radius:10px;font-size:12px;max-width:calc(100vw - 35px)}.toast-message .icon-btn{height:22px;width:22px}.bottom-nav,.mobile-item-list,.mobile-loan-details,.mobile-only{display:none}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:70px 20px 100px;position:relative;background:radial-gradient(ellipse at 90% 90%,#e7a5b3 0,transparent 56%),linear-gradient(130deg,#fdfcfc,#fbf0f2 45%,#f5dbe0);overflow:hidden}.login-decoration{width:550px;height:550px;position:absolute;right:-270px;top:-230px;border:1px solid #c8253f0a;box-shadow:0 0 0 55px #c8253f02,0 0 0 110px #c8253f02,0 0 0 165px #c8253f02;border-radius:50%}.login-card{position:relative;width:420px;max-width:100%;padding:38px 36px 24px;background:#fff;box-shadow:0 20px 65px #59293717;border:1px solid #ffffffc4;border-radius:16px}.login-card .brand{justify-content:center;font-size:23px}.login-card .brand-symbol{height:48px;width:48px}.login-heading{margin:40px 0 29px;text-align:center}.login-heading .eyebrow{color:#b3a2a7;font-size:8px}.login-heading h1{font-size:27px;margin:14px 0 10px}.login-heading p{font-size:12px;color:#a1a4ad;margin:0}.login-card label{font-size:11px;color:#69707f}.login-card .form-group{margin-bottom:22px}.login-card .form-control{height:49px;font-size:12px;background:#fbfcfd}.password-input{position:relative}.password-input input{padding-right:45px}.password-input .icon-btn{position:absolute;right:5px;top:7px}.login-submit{width:100%;margin-top:4px;min-height:48px;justify-content:space-between;padding-left:22px;padding-right:20px}.login-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#abaeb7;margin:27px 0 0}.login-footer{position:absolute;bottom:24px;text-align:center;max-width:calc(100vw - 32px);font-size:9px;color:#ae858f}.login-footer span{padding:0 9px}.error-page{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center;gap:15px}.error-page p{max-width:400px;color:#8c94a2}.context-fields{border:1px solid #edf0f4;background:#fbfcfd;padding:18px 18px 0;border-radius:10px;margin:2px 0 22px;min-width:0}.context-fields legend{font-size:12px;width:auto;padding:0 6px;color:#7c8491;margin-left:-6px;font-weight:600}.context-fields>p{font-size:10px;color:#a2a9b5;margin-top:-5px;margin-bottom:17px}.context-summary{background:#f4f6fb;border-radius:9px;display:flex;gap:24px;padding:16px;margin-bottom:23px;font-size:11px;color:#788296;flex-wrap:wrap}.context-summary small{display:block;font-size:8px;color:#a1a9b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.master-row{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border)}.master-row:last-child{border-bottom:0}.master-icon{width:40px;height:40px;background:#f6f0f3;border-radius:10px;display:grid;place-items:center;color:#c795a2;flex-shrink:0}.master-info{min-width:0;flex:1 1}.master-info>small{font-size:9px;letter-spacing:.7px;display:block;color:#a0a8b3}.master-info>strong{font-size:13px;display:block;margin-top:3px}.master-info p{font-size:10px;color:#969fab;margin:4px 0 0;overflow-wrap:anywhere}.report-filters{padding:20px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}.report-filters .form-group{margin-bottom:10px}.report-filters label,.report-note{font-size:10px}.report-note{margin:15px 0 23px}.report-table{min-width:1000px}@media (min-width:1500px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.main-content{padding-top:40px}.page-heading{margin-bottom:35px}.stat-card{padding:28px 24px}.catalog-photo{height:190px}}@media (max-width:1250px){.dashboard-grid{grid-template-columns:1fr}.quick-card{display:none}.stat-card{gap:11px;padding:18px 15px}.stat-icon{width:35px;height:35px}.stat-card strong{font-size:25px}.stats-grid{gap:12px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-table tbody td{padding:15px}.inventory-table thead th{padding:13px 15px}.account-grid{grid-template-columns:240px 1fr}.main-content{padding:28px 25px}.topbar{padding:0 25px}}@media (max-width:1000px){.main-sidebar{width:215px}.workspace-main{margin-left:215px}.main-sidebar .sidebar-brand{padding:22px 17px}.brand{font-size:17px}.brand small{font-size:6px}.brand-symbol{height:36px;width:36px}.workspace{margin-left:13px;margin-right:13px;padding:10px;gap:8px}.workspace strong{font-size:10px}.workspace small{font-size:8px}.side-link{padding:10px;font-size:11px;gap:9px}.sidebar-bottom{padding-left:23px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.list-toolbar{padding:16px;flex-wrap:wrap}.list-toolbar .search-box{max-width:none;flex-basis:100%}.toolbar-actions{flex:1 1}.category-select{flex:1 1;max-width:none}.page-heading h1{font-size:27px}.account-grid{grid-template-columns:1fr}.account-profile{display:none}.table-item{min-width:150px}.profile-link strong{max-width:115px}.profile-link>svg{display:none}}@media (max-width:767px){body{font-size:14px}.main-sidebar{transform:translateX(-100%);transition:transform .2s ease;width:260px;z-index:70;padding-bottom:env(safe-area-inset-bottom);max-height:100dvh}.main-sidebar.is-open{transform:translateX(0)}.sidebar-scrim{position:fixed;inset:0;background:#1d263c66;border:0;z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-sidebar .sidebar-brand{height:80px;padding:22px}.brand{font-size:19px}.brand-symbol{width:42px;height:42px}.workspace{margin:10px 20px 20px}.workspace strong{font-size:11px}.workspace small{font-size:9px}.side-link{font-size:12px;padding:12px 13px}.sidebar-bottom p{display:none}.main-sidebar nav{padding:0 17px}.nav-label{margin-top:20px}.workspace-main{margin-left:0}.mobile-only{display:inline-flex}.desktop-only{display:none!important}.topbar{height:68px;padding:0 18px;gap:12px}.topbar-title{gap:8px;font-size:13px;margin-left:-7px}.profile-link{max-width:45%;gap:9px}.profile-link>span:not(.avatar){display:none}.profile-link .avatar{width:34px;height:34px;font-size:10px}.main-content{padding:26px 18px 28px;min-height:calc(100dvh - 170px)}.page-heading{margin-bottom:24px;align-items:flex-start;gap:16px;flex-wrap:wrap}.page-heading h1{font-size:28px;margin-bottom:11px}.page-heading .eyebrow{font-size:9px;letter-spacing:1.5px}.page-heading p{font-size:11px;line-height:1.9;max-width:400px}.heading-actions{gap:8px}.page-heading>.btn{min-height:40px;padding:9px 14px;font-size:11px}.stats-grid{gap:12px;margin-bottom:23px}.stat-card{padding:17px 14px;gap:10px;flex-direction:column}.stat-card p{font-size:10px;margin-bottom:5px}.stat-card strong{font-size:30px}.stat-icon{width:33px;height:33px;border-radius:9px}.stat-icon svg{width:18px;height:18px}.stat-card small{font-size:8px;margin-top:5px}.dashboard-grid{gap:17px}.panel-heading{padding:18px 16px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:9px;line-height:1.8}.text-link{font-size:10px}.main-footer{padding:10px 18px calc(90px + env(safe-area-inset-bottom));font-size:8px}.main-footer>span:last-child{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #e9ebf1;box-shadow:0 -3px 15px #26354903;z-index:40;height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.bottom-nav>a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;flex:1 1;color:#a2a9b7;font-size:9px;position:relative}.bottom-nav>a.active{color:var(--red);font-weight:600}.bottom-nav>a.active:before{content:"";position:absolute;top:0;width:25px;height:3px;background:var(--red);border-radius:0 0 5px 5px}.bottom-nav>a.active svg{background:#faedf1;box-sizing:content-box;padding:5px 14px;border-radius:14px;height:19px;margin-bottom:-5px;margin-top:-5px}.member-shell .bottom-nav>a{max-width:50%}.page-tabs{gap:24px;margin-top:-3px;margin-bottom:20px}.page-tabs button{font-size:11px;gap:7px;padding-bottom:13px}.member-stats{gap:10px;padding:18px 16px;margin-bottom:25px}.member-stats span{font-size:9px}.member-stats strong{font-size:24px}.list-toolbar{padding:13px 15px;gap:10px}.search-box{min-width:0}.search-box input{font-size:11px;min-height:30px}.toolbar-actions{gap:8px}.category-select,.state-select{font-size:10px;max-width:160px}.list-toolbar>select{max-width:140px}.toolbar-actions>.icon-btn{margin-left:auto}.catalog-grid{padding:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-photo{height:135px}.catalog-photo .category-tag{font-size:7px;top:8px;left:8px;padding:3px 5px}.catalog-body{padding:12px}.catalog-body h3{font-size:12px;margin:5px 0;line-height:1.5}.catalog-body .item-code{font-size:8px}.catalog-body>p{font-size:8px;margin:0 0 10px;min-height:12px}.catalog-location{font-size:8px;min-height:14px;align-items:flex-start;gap:3px}.catalog-location svg{flex-shrink:0;width:11px;height:11px;margin-top:2px}.catalog-bottom{flex-direction:column;align-items:stretch;gap:10px;padding-top:11px;margin-top:10px}.catalog-bottom>.stock-good,.catalog-bottom>.stock-low{font-size:8px}.catalog-bottom .btn{width:100%;min-height:33px;font-size:10px;padding:6px}.catalog-bottom .row-actions{justify-content:flex-start}.catalog-bottom .icon-btn{width:34px;height:34px}.catalog-card:hover{transform:none}.desktop-item-table{display:none}.mobile-item-list{display:block;padding:15px}.master-mobile-card{display:flex;align-items:center;margin-bottom:13px;overflow:hidden}.master-mobile-card:last-child{margin-bottom:0}.master-mobile-card .catalog-photo{width:95px;height:100%;min-height:140px;align-self:stretch;flex-shrink:0}.master-mobile-card .catalog-photo img{position:absolute;inset:0;height:100%}.master-mobile-card .catalog-photo .category-tag{max-width:85px;white-space:normal;line-height:1.2}.master-mobile-card .catalog-body{flex:1 1;min-width:0;padding:13px 14px}.master-mobile-card .catalog-body>p{margin-bottom:6px}.master-mobile-card .catalog-bottom{flex-direction:row;align-items:center;gap:5px;margin-top:8px;padding-top:8px}.master-mobile-card .catalog-bottom .row-actions{gap:4px}.master-mobile-card .catalog-bottom .stock-good,.master-mobile-card .catalog-bottom .stock-low,.master-mobile-card .catalog-location,.pager{font-size:9px}.pager{padding:12px 15px}.loan-table .loan-detail,.pager .muted{display:none}.loan-table{table-layout:auto}.loan-table thead{display:none}.loan-table tbody td{padding:17px 13px}.loan-table .table-item{gap:10px;min-width:0}.loan-table .table-item img{width:37px;height:37px;border-radius:7px}.loan-table .table-item strong{font-size:10px}.loan-table .table-item small{font-size:8px}.loan-table .table-item .loan-context{max-width:190px;overflow-wrap:anywhere}.loan-table .mobile-loan-details{display:flex;align-items:flex-start;flex-direction:column;margin-top:10px;gap:5px;font-size:9px;color:#9aa3b2}.loan-table .mobile-loan-details .status{font-size:8px}.loan-table .row-actions{flex-direction:column}.loan-table .btn-sm{font-size:9px;padding:6px 8px;gap:4px;min-height:32px}.loan-table .row-actions .icon-btn{height:30px}.dialog-backdrop{padding:12px;align-items:center}.dialog{max-height:95dvh;border-radius:14px;width:100%}.dialog>header{padding:19px 18px 16px}.dialog>header h2{font-size:18px}.dialog>header p{font-size:10px}.dialog-body{padding:20px 18px}.form-control{font-size:16px;height:46px}.form-group label{font-size:11px}.form-grid{gap:0 13px}.form-grid .form-control{padding:10px;font-size:14px}select.form-control{font-size:14px;max-width:100%}.photo-input{padding:16px 13px;gap:13px;align-items:center}.photo-input>img{width:68px;height:75px}.photo-input>svg{width:22px;flex-shrink:0}.photo-input strong{font-size:11px}.photo-input p{font-size:8px;line-height:1.8}.photo-actions{gap:6px;flex-wrap:wrap}.photo-actions .btn{font-size:9px;padding:7px 9px}.photo-actions .btn svg{width:12px}.form-footer{gap:12px;align-items:center}.form-footer .btn{font-size:11px;padding:10px 14px;min-height:43px}.form-footer>span{font-size:9px;line-height:1.8}.callout{font-size:10px;padding:13px;margin:17px 0}.selected-item{padding:12px;gap:12px}.selected-item strong{font-size:13px}.selected-item img{width:60px;height:60px}.selected-item span{font-size:9px;line-height:1.8}.history-row{padding:17px 15px;gap:10px}.history-icon{width:32px;height:32px;border-radius:9px}.history-icon svg{width:17px}.history-row strong{font-size:11px}.history-row p{font-size:9px;line-height:1.9}.history-row small{font-size:9px}.history-row .status{font-size:7px;margin-left:3px}.history-row .icon-btn{width:28px}.user-row{padding:18px 15px;gap:10px;flex-wrap:wrap}.user-row .avatar{width:32px;height:32px;font-size:10px}.user-row>div{min-width:140px;flex:1 1}.user-row strong{font-size:11px}.user-row small{font-size:9px}.user-row .role-tag{font-size:8px;min-width:52px;padding:3px 5px}.user-row>.status{font-size:8px}.user-row>.icon-btn{width:30px;height:30px}.account-grid{gap:18px}.account-password{padding:23px 19px}.account-password>p{font-size:10px;line-height:1.8}.account-password h2{font-size:17px}.context-fields{padding:15px 12px 0}.context-fields .form-control{font-size:13px}.context-fields .form-group label{font-size:10px}.context-fields>p{font-size:9px;line-height:1.8}.context-summary{font-size:10px;gap:12px;padding:14px}.context-summary small{font-size:7px}.report-filters{padding:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.report-filters .form-control{font-size:12px;padding:8px}.report-note{font-size:9px;line-height:1.9}.master-row{padding:19px 15px;gap:12px}.master-info>strong{font-size:12px}.master-info p{font-size:10px}.master-icon{width:35px;height:35px}.master-row .icon-btn{width:32px;height:32px}.login-page{padding:45px 22px 95px;min-height:100dvh}.login-card{padding:32px 25px 24px;border-radius:15px;max-width:380px}.login-card .brand{font-size:22px}.login-heading{margin:33px 0 27px}.login-heading h1{font-size:27px}.login-card .form-control{font-size:16px}.login-card .login-note{font-size:8px}.login-footer{font-size:8px;bottom:23px;max-width:280px;line-height:1.9}.login-footer span{display:none}.login-submit{font-size:13px}.toast-message{right:18px;top:78px;font-size:11px;padding:11px 14px}.empty{padding:45px 20px}.empty p{font-size:11px}.evidence-photo{max-height:65dvh}.release-row .btn{font-size:10px}.quarantine-form{padding:17px}.quarantine-form p{font-size:10px}}@media (max-width:360px){.catalog-grid{grid-template-columns:1fr}.catalog-photo{height:170px}.catalog-bottom{flex-direction:row;align-items:center}.catalog-bottom .btn{width:auto}.page-heading h1{font-size:25px}.form-grid{grid-template-columns:1fr}.user-row>div{min-width:130px}.member-stats span{font-size:8px}}@media print{.bottom-nav,.icon-btn,.main-footer,.main-sidebar,.page-heading .heading-actions,.pager,.report-filters,.report-note,.topbar{display:none!important}.workspace-main{margin:0}.main-content{padding:0}.card{border:0;box-shadow:none}.inventory-table{font-size:9px}.inventory-table td{padding:8px!important}.table-responsive{overflow:visible}body{background:white}.page-heading{margin-bottom:20px}.report-table{min-width:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.main-sidebar .sidebar-brand>a{text-transform:none;letter-spacing:normal;font-weight:400;line-height:normal}.app-shell .main-sidebar{z-index:30!important}.main-footer{margin-top:0;border-top:0}.app-shell .form-control:not(.form-control-sm):not(.form-control-lg),.login-page .form-control:not(.form-control-sm):not(.form-control-lg){height:46px;padding:11px 13px;font-size:13px}.app-shell textarea.form-control{height:auto!important;min-height:85px}@media (max-width:767px){.app-shell .main-sidebar{z-index:70!important}.app-shell .form-control:not(.form-control-sm):not(.form-control-lg),.login-page .form-control:not(.form-control-sm):not(.form-control-lg){font-size:16px}}.preferences-controls,.topbar-tools{display:flex;align-items:center;gap:10px}.language-control{margin:0;display:flex;align-items:center;gap:7px;padding:0 10px;height:42px;background:#f6f7f9;border:1px solid var(--border);border-radius:8px;color:#6f7888}.language-control select{width:114px;max-width:100%;min-height:40px;background:transparent;border:0;color:inherit;font-size:11px;outline-offset:2px;cursor:pointer}.theme-toggle{width:42px;height:42px;border:1px solid var(--border);background:#f6f7f9;color:#657087}.login-preferences{position:absolute;right:25px;top:22px;z-index:2}html[data-theme=dark]{color-scheme:dark;--red:#ff829b;--red-dark:#ff9aae;--red-light:#412733;--ink:#e8edf6;--muted:#aeb9c9;--border:#344152;--surface:#111923;--green:#73d8b8}html[data-theme=dark] body{background:var(--surface);color:var(--ink)}html[data-theme=dark] .card,html[data-theme=dark] .dialog>header,html[data-theme=dark] .main-sidebar,html[data-theme=dark] .toast-message,html[data-theme=dark] .topbar{background:#1b2532;border-color:var(--border);color:var(--ink)}html[data-theme=dark] .brand,html[data-theme=dark] .inventory-table td strong,html[data-theme=dark] .profile-link,html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3{color:#e8edf6}html[data-theme=dark] .brand-symbol{background:#c8253f;color:#fff}html[data-theme=dark] .btn-primary{background:#c8253f;border-color:#c8253f}html[data-theme=dark] .btn-primary:active,html[data-theme=dark] .btn-primary:focus,html[data-theme=dark] .btn-primary:hover{background:#aa1830!important;border-color:#aa1830!important;color:#fff}html[data-theme=dark] .btn-light,html[data-theme=dark] .icon-btn:hover,html[data-theme=dark] .language-control,html[data-theme=dark] .theme-toggle,html[data-theme=dark] .workspace-icon{background:#263343;border-color:#455468;color:#d2dbea}html[data-theme=dark] .side-link{color:#bcc7d7}html[data-theme=dark] .side-link:hover{background:#263343;color:#f0f4fa}html[data-theme=dark] .side-link.active{background:#412733;color:#ff91a7}html[data-theme=dark] .catalog-bottom,html[data-theme=dark] .form-footer,html[data-theme=dark] .history-row,html[data-theme=dark] .list-toolbar,html[data-theme=dark] .master-row,html[data-theme=dark] .pager,html[data-theme=dark] .panel-heading,html[data-theme=dark] .user-row,html[data-theme=dark] .workspace{border-color:#344152}html[data-theme=dark] .app-shell .form-control,html[data-theme=dark] .login-page .form-control,html[data-theme=dark] .search-box input{background:#121d2a;border-color:#49586d;color:#e8edf6}html[data-theme=dark] .form-control:focus{border-color:#92baff;box-shadow:0 0 0 3px #92baff20}html[data-theme=dark] .form-control::placeholder,html[data-theme=dark] .search-box input::placeholder{color:#97a6ba;opacity:1}html[data-theme=dark] .form-group label,html[data-theme=dark] .quarantine-form label{color:#c6d0df}html[data-theme=dark] .language-control select option,html[data-theme=dark] select.form-control option{background:#1b2532;color:#e8edf6}html[data-theme=dark] .inventory-table thead th{background:#243040;color:#b8c4d5;border-color:#344152}html[data-theme=dark] .inventory-table tbody td{color:#bdc8d8;border-color:#344152}html[data-theme=dark] .avatar,html[data-theme=dark] .category-tag,html[data-theme=dark] .master-icon,html[data-theme=dark] .role-tag{background:#303247;color:#d0b8c8;border-color:#465067}html[data-theme=dark] .catalog-card,html[data-theme=dark] .member-stats{background:#1b2532;border-color:#344152}html[data-theme=dark] .catalog-photo{background:#253240}html[data-theme=dark] .catalog-photo .category-tag{background:#15202ded;color:#dbe5f2}html[data-theme=dark] .context-fields,html[data-theme=dark] .photo-input,html[data-theme=dark] .selected-item{background:#15202d;border-color:#49586d}html[data-theme=dark] .context-fields legend,html[data-theme=dark] .photo-input strong{color:#cfdaeb}html[data-theme=dark] .callout,html[data-theme=dark] .context-summary{background:#243346;color:#bbcce5}html[data-theme=dark] .callout.warning,html[data-theme=dark] .quarantine-form{background:#3b3020;color:#edcc8f;border-color:#665134}html[data-theme=dark] .quarantine-form h3,html[data-theme=dark] .quarantine-form p{color:#edcc8f}html[data-theme=dark] .stat-icon.blue,html[data-theme=dark] .status-borrowed{background:#293958;color:#aec5ff}html[data-theme=dark] .history-icon,html[data-theme=dark] .stat-icon.green,html[data-theme=dark] .status-returned{background:#203c36;color:#8ce0bf}html[data-theme=dark] .icon-btn.danger,html[data-theme=dark] .stat-icon.red,html[data-theme=dark] .status-overdue{background:#452a36;color:#ff9caf}html[data-theme=dark] .history-icon.warning,html[data-theme=dark] .icon-btn.edit,html[data-theme=dark] .stat-icon.amber,html[data-theme=dark] .status-partial{background:#403422;color:#f0cc87}html[data-theme=dark] .stock-good{color:#8ce0bf}html[data-theme=dark] .stock-low{color:#ffb089}html[data-theme=dark] .required,html[data-theme=dark] .text-danger{color:#ff9caf!important}html[data-theme=dark] .alert-danger{background:#442732;border-color:#794154;color:#ffd0db}html[data-theme=dark] .quick-card{background:linear-gradient(135deg,#1b2532,#302333)}html[data-theme=dark] .quick-link{color:#e3c4ce;border-color:#503542}html[data-theme=dark] .overdue-note{color:#e6c48f}html[data-theme=dark] .empty>span{background:#3b2936;color:#dfa4b7}html[data-theme=dark] .bottom-nav{background:#1b2532f5;border-color:#344152}html[data-theme=dark] .bottom-nav>a.active svg{background:#412733}html[data-theme=dark] .login-page{background:radial-gradient(ellipse at 90% 90%,#542b3f 0,transparent 58%),linear-gradient(130deg,#101722,#192431 65%,#30202e)}html[data-theme=dark] .login-card{border-color:#394556}html[data-theme=dark] .login-decoration{border-color:#ff9aaf12;box-shadow:0 0 0 55px #ff9aaf03,0 0 0 110px #ff9aaf03}html[data-theme=dark] .login-footer{color:#c3a6b3}html[data-theme=dark] .account-profile p,html[data-theme=dark] .brand small,html[data-theme=dark] .catalog-body>p,html[data-theme=dark] .catalog-location,html[data-theme=dark] .context-fields>p,html[data-theme=dark] .context-summary small,html[data-theme=dark] .dialog>header p,html[data-theme=dark] .empty p,html[data-theme=dark] .eyebrow,html[data-theme=dark] .form-footer>span,html[data-theme=dark] .history-row p,html[data-theme=dark] .history-row small,html[data-theme=dark] .item-code,html[data-theme=dark] .list-footnote,html[data-theme=dark] .loading,html[data-theme=dark] .loan-table .mobile-loan-details,html[data-theme=dark] .login-heading p,html[data-theme=dark] .login-note,html[data-theme=dark] .main-footer,html[data-theme=dark] .master-info p,html[data-theme=dark] .master-info small,html[data-theme=dark] .member-stats span,html[data-theme=dark] .nav-label,html[data-theme=dark] .page-heading p,html[data-theme=dark] .pager,html[data-theme=dark] .panel-heading p,html[data-theme=dark] .photo-input p,html[data-theme=dark] .profile-link small,html[data-theme=dark] .quick-card>p,html[data-theme=dark] .selected-item small,html[data-theme=dark] .selected-item span,html[data-theme=dark] .sidebar-bottom p,html[data-theme=dark] .sidebar-version,html[data-theme=dark] .stat-card p,html[data-theme=dark] .stat-card small,html[data-theme=dark] .table-item small,html[data-theme=dark] .user-row small,html[data-theme=dark] .workspace small{color:#aeb9c9}@media (max-width:767px){.preferences-controls,.topbar-tools{gap:6px}.language-control{padding:0 7px;height:40px}.language-control>svg{display:none}.language-control select{width:54px;font-size:12px}.theme-toggle{height:40px;width:38px}.topbar-tools .profile-link{max-width:none}.topbar-title{min-width:0}.topbar-title strong{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-preferences{right:18px;top:16px}.login-page{padding-top:90px}}@media print{.login-preferences,.preferences-controls{display:none!important}html[data-theme=dark] .card,html[data-theme=dark] body{background:#fff;color:#222}html[data-theme=dark] .inventory-table tbody td,html[data-theme=dark] .inventory-table td strong{color:#222}}:root{--red:#1744a5;--red-dark:#112d76;--red-light:#edf3ff;--school-yellow:#ffeb3b;--school-blue:#0087ed}.brand-logo{width:48px;height:48px;flex-shrink:0;object-fit:contain;display:block}.brand>span>strong{display:block;font-size:16px;font-weight:750;letter-spacing:-.5px;color:#16246f}.brand small{letter-spacing:.8px;font-size:6.5px}.login-card .brand{flex-direction:column;gap:12px}.login-card .brand-logo{height:86px;width:86px}.login-card .brand>span{text-align:center}.login-card .brand>span>strong{font-size:23px}.login-card .brand small{font-size:7px;letter-spacing:1.6px}.login-page{background:radial-gradient(ellipse at 90% 90%,#d8e7fb 0,transparent 58%),radial-gradient(ellipse at 8% 4%,#fffbdc 0,transparent 48%),#f5f8ff}.login-decoration{border-color:#16246f0b;box-shadow:0 0 0 55px #1744a503,0 0 0 110px #1744a503,0 0 0 165px #1744a503}.login-card{box-shadow:0 20px 65px #16246f17;border-top:4px solid #e2cf20}.login-heading{margin-top:28px}.workspace-icon{background:#fff8cd;color:#796c13}.avatar{background:#eaf0ff;color:#1744a5}.side-link.active{background:#edf3ff;color:#1744a5;box-shadow:inset 3px 0 #e4cf1a}.btn-primary{background:#1744a5;border-color:#1744a5}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background:#112d76!important;border-color:#112d76!important}.icon-btn.danger,.required,.text-danger{color:#bf344a!important}.stat-icon.red{background:#edf3ff;color:#1744a5}.stat-icon.amber{background:#fff9ce;color:#8b761d}.quick-card{background:linear-gradient(135deg,#fff,#f1f6ff)}.quick-card .eyebrow{color:#6a7ba4}.quick-link{color:#344f81;border-color:#e3eaf6}.empty>span{background:#edf3ff;color:#7f9acd}.login-footer{color:#7e8eaa}.profile-link .avatar{color:#1744a5}.language-toggle{height:42px;width:48px;border:1px solid var(--border);background:#f6f7f9;color:#657087;position:relative}.locale-indicator{position:absolute;right:3px;bottom:2px;font-size:7px;font-weight:800;line-height:1;background:var(--surface);border-radius:3px;padding:1px}.auth-links{display:flex;justify-content:space-between;gap:15px;margin-top:20px;font-size:12px;font-weight:600}.auth-help{font-size:10px;color:#8994a5;line-height:1.9;margin:18px 0 0;text-align:center}.auth-back{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;font-size:11px}.auth-page{display:block;overflow-x:clip;overflow-y:visible;padding:95px 22px 30px}.auth-card{width:510px;margin:0 auto;max-width:100%}.auth-page .login-heading{margin-top:26px;margin-bottom:26px}.auth-page .login-heading h1{font-size:25px}.auth-footer{margin:25px auto 0;text-align:center;font-size:10px;color:#8794a9}.role-picker{display:flex;gap:12px;margin:0 0 23px;border:0;padding:0}.role-picker legend{font-size:11px;font-weight:600;color:#69707f;margin-bottom:9px}.role-picker label{display:flex;align-items:center;justify-content:center;gap:9px;flex:1 1;min-height:55px;border:1px solid var(--border);border-radius:9px;padding:12px;cursor:pointer;color:#8490a5;background:#f8faff}.role-picker label.selected{color:#1744a5;background:#edf3ff;border-color:#9bb6e9;box-shadow:inset 0 -3px #e9d52a}.role-picker input{accent-color:#1744a5;width:15px;height:15px}.resend-code{margin:0 0 22px;width:100%}.code-input{font-size:24px!important;letter-spacing:9px;text-align:center;min-height:55px}.auth-complete{text-align:center;padding:12px 0}.auth-complete>svg{color:#23886d;margin-bottom:20px}.auth-complete p{font-size:12px;color:#8a95a7;line-height:1.9}.auth-complete .btn{margin-top:12px}.alert-success{background:#eaf8ef;border:1px solid #c8e9d5;color:#26744f}html[data-theme=dark]{--red:#92baff;--red-dark:#b5ceff;--red-light:#20375a;--surface:#101725}html[data-theme=dark] .brand>span>strong{color:#dae7ff}html[data-theme=dark] .btn-primary{background:#2854b5;border-color:#2854b5;color:#fff}html[data-theme=dark] .btn-primary:active,html[data-theme=dark] .btn-primary:focus,html[data-theme=dark] .btn-primary:hover{background:#1c3e8d!important;border-color:#1c3e8d!important}html[data-theme=dark] .login-page{background:radial-gradient(ellipse at 90% 90%,#142f57 0,transparent 60%),radial-gradient(ellipse at 10% 0,#333016 0,transparent 48%),#101725}html[data-theme=dark] .login-card{background:#1b2536;border-color:#bcae35 #3c4a63 #3c4a63;box-shadow:0 20px 65px #0005}html[data-theme=dark] .login-decoration{border-color:#b7d0ff0c;box-shadow:0 0 0 55px #a6c5ff03,0 0 0 110px #a6c5ff03}html[data-theme=dark] .side-link.active{background:#20375a;color:#b5d0ff;box-shadow:inset 3px 0 #d6c444}html[data-theme=dark] .avatar,html[data-theme=dark] .profile-link .avatar{background:#283b60;color:#b7d0ff}html[data-theme=dark] .workspace-icon{background:#3c391f;color:#e8d87b}html[data-theme=dark] .quick-card{background:linear-gradient(135deg,#1b2536,#1b3049)}html[data-theme=dark] .quick-link{color:#bcd2f4;border-color:#354c6c}html[data-theme=dark] .empty>span{background:#243b5e;color:#a7c5f6}html[data-theme=dark] .bottom-nav>a.active svg{background:#243b5e}html[data-theme=dark] .language-toggle{background:#263343;border-color:#455468;color:#d2dbea}html[data-theme=dark] .locale-indicator{background:#172234}html[data-theme=dark] .role-picker label{background:#162337;border-color:#3a4a64;color:#b4c6df}html[data-theme=dark] .role-picker label.selected{background:#233e67;border-color:#6f96d4;color:#d7e7ff;box-shadow:inset 0 -3px #bfb352}html[data-theme=dark] .auth-footer,html[data-theme=dark] .auth-help,html[data-theme=dark] .login-footer,html[data-theme=dark] .role-picker legend{color:#acbcd2}html[data-theme=dark] .alert-success{background:#203c36;border-color:#365a4d;color:#a4e3c0}@media (max-width:767px){.brand-logo{width:44px;height:44px}.login-card .brand-logo{height:78px;width:78px}.language-toggle{width:40px;height:40px}.auth-card{padding:28px 22px 23px}.auth-page{padding:82px 18px 28px}.auth-links{font-size:11px}.auth-page .login-heading h1{font-size:23px}.role-picker label{padding:10px;gap:6px;min-height:52px}.auth-page .login-preferences{top:17px;right:18px}}