.brand-logo{display:block;object-fit:contain;background:transparent;mix-blend-mode:multiply}
.login-logo{width:150px;height:auto;max-height:112px;object-position:left;margin-bottom:6px}
.side-logo{width:170px;height:92px;margin:auto}
.side-brand{justify-content:center;padding-bottom:18px}
aside{isolation:isolate;background:#eaf5f1!important;color:#13332e!important;overflow:hidden}
aside::after{content:"";position:absolute;z-index:-1;inset:auto -45px 70px auto;width:235px;height:235px;background:url('/assets/medimap-logo.jpg') center/contain no-repeat;mix-blend-mode:multiply;opacity:.055;pointer-events:none}
nav button{color:#355d56!important;transition:background-color .18s ease,color .18s ease,transform .18s ease!important}
nav button:hover,nav button.active{background:#cae7dd!important;color:#075f45!important;transform:translateX(3px)}
.side-user{border-color:#bfd7d0!important;position:relative;z-index:1}
.side-user small{color:#547a72!important}
.signout-button{width:100%;margin-top:12px;background:#ffe1df!important;color:#a72a22!important}
.header-actions{display:flex;align-items:center;gap:9px}
.password-field{position:relative;display:block}
.password-field input{padding-right:70px!important}
.password-field button{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;border-radius:8px;background:#e6f3ef;color:#006c4d;padding:7px 10px;font-weight:650}
button{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,background-color .16s ease}
button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 7px 18px #063c2c1f;filter:saturate(1.08)}
button:not(:disabled):active{transform:translateY(0) scale(.97);box-shadow:none}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #63d6b0;outline-offset:2px}
button:disabled{cursor:not-allowed;opacity:.55}
.form-grid .check-option{display:flex;align-items:center;gap:8px;margin:8px 0;padding:10px 12px;border:1px solid #d8e5e1;border-radius:11px;background:#f6faf9}
.form-grid .check-option input{width:18px;height:18px;margin:0;accent-color:#008f65;flex:0 0 auto}
input:user-invalid,select:user-invalid,textarea:user-invalid{border-color:#dc382f!important;background:#fff3d8!important;box-shadow:0 0 0 3px #dc382f24}
.error:not(:empty){padding:11px 13px;background:#ffe5df;border:1px solid #ef8e82;border-radius:10px;font-weight:650}
.review-detail-actions{margin:18px 0}
.license-preview{margin-top:16px;padding:12px;border:1px solid #dce6e4;border-radius:16px;background:#f5f8f8;text-align:center}
.license-preview img{display:block;max-width:100%;max-height:70vh;margin:auto;border-radius:10px;background:#fff;object-fit:contain}
.detail .wide{grid-column:1/-1}
.inventory-toolbar{margin-top:18px;padding:12px 2px}
.inventory-toolbar label{display:flex;align-items:center;gap:7px;font-weight:650}
.stock-positive{color:#087f5b;font-weight:700}
.stock-negative{color:#b42318;font-weight:700}
.confirm-check{display:flex;align-items:center;gap:8px;margin:18px 0;font-weight:650}
#order-action-form label{display:grid;gap:8px;margin:16px 0}
#order-action-form textarea{min-height:100px;padding:12px;border:1px solid #d5dfe2;border-radius:12px}
.daily-report{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.report-metric{background:#fff;border:1px solid #e3e9ea;border-radius:18px;padding:24px}
.report-metric span{display:block;color:#71808d}
.report-metric strong{display:block;margin-top:8px;font-size:30px}
.report-metric.total{grid-column:1/-1;background:#087f5b;color:#fff}
.report-metric.total span{color:#d7fff0}
.report-total{font-size:42px;font-weight:750;color:#087f5b}

html[data-theme="dark"] body{color:#e8f0ef;background:#0b1716;color-scheme:dark}
html[data-theme="dark"] .login-wrap{background:radial-gradient(circle at 10% 10%,#124b3a 0,transparent 38%),linear-gradient(135deg,#0b1e1a,#101a22)}
html[data-theme="dark"] .login-card,
html[data-theme="dark"] .card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] dialog{background:#142523;color:#e8f0ef;border-color:#29403d}
html[data-theme="dark"] .muted,
html[data-theme="dark"] .card span,
html[data-theme="dark"] th{color:#a4b5b2}
html[data-theme="dark"] .login-card input,
html[data-theme="dark"] .form-grid input,
html[data-theme="dark"] .form-grid select,
html[data-theme="dark"] .form-grid textarea,
html[data-theme="dark"] .toolbar input,
html[data-theme="dark"] .toolbar select{background:#0d1b1a;color:#edf5f3;border-color:#36504d}
html[data-theme="dark"] td,
html[data-theme="dark"] th{border-color:#2a3d3b}
html[data-theme="dark"] .detail div,
html[data-theme="dark"] .image-editor,
html[data-theme="dark"] .license-preview{background:#0d1b1a;border-color:#36504d}
html[data-theme="dark"] .secondary{background:#25423d;color:#bcebdc}
html[data-theme="dark"] .image-placeholder,
html[data-theme="dark"] .product-cell img,
html[data-theme="dark"] .image-editor img{background:#eaf1f0}
html[data-theme="dark"] .notice{background:#163c31;color:#bdebdc}
html[data-theme="dark"] .notice.error{background:#482323;color:#ffc9c5}
html[data-theme="dark"] aside{background:#dceee8!important;color:#13332e!important}
html[data-theme="dark"] .brand-logo{background:transparent}
html[data-theme="dark"] .form-grid .check-option{background:#0d1b1a;border-color:#36504d}
html[data-theme="dark"] .report-metric{background:#142523;border-color:#29403d}
html[data-theme="dark"] .report-metric.total{background:#087f5b}
html[data-theme="dark"] .stock-positive{color:#67e8b5}
html[data-theme="dark"] .stock-negative{color:#ffaaa3}

@media(max-width:900px){.side-logo{width:58px;height:58px}.side-brand{padding-left:0!important}}
@media(max-width:600px){.header-actions{align-items:stretch;flex-direction:column}.login-logo{width:130px}.daily-report{grid-template-columns:1fr}.report-metric.total{grid-column:auto}.side-logo{width:135px;height:70px}.form-grid .check-option{margin:4px 0}}