:root{--bg:#151621;--panel:#1e2130;--panel2:#242738;--line:#34384d;--text:#e8eaf1;--muted:#9aa1b7;--primary:#7367f0;--primary2:#8f85ff;--success:#28c76f;--warning:#ff9f43;--danger:#ea5455;--sidebar:270px;--radius:14px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);font-size:13px}.cepline-body{min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);background:linear-gradient(180deg,#1b1d2b,#171925);border-right:1px solid #292c3d;padding:18px 14px;position:fixed;left:0;top:0;bottom:0;z-index:1000;display:flex;flex-direction:column;transition:.25s}.brand{display:flex;align-items:center;gap:11px;padding:5px 7px 18px}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--primary),#a86bea);box-shadow:0 10px 25px rgba(115,103,240,.3)}.brand strong{display:block;font-size:16px}.brand small{color:var(--muted);font-size:10px}.menu{overflow:auto;padding-right:4px}.menu-caption{font-size:10px;color:#717894;letter-spacing:.13em;padding:18px 12px 7px}.menu-item{display:flex;align-items:center;gap:12px;text-decoration:none;color:#c9ccda;padding:10px 12px;border-radius:10px;margin:3px 0;border:0;background:transparent;width:100%;text-align:left}.menu-item:hover,.menu-item.active{background:linear-gradient(90deg,rgba(115,103,240,.22),rgba(115,103,240,.06));color:white}.menu-item i{font-size:16px}.menu-badge{margin-left:auto;background:rgba(40,199,111,.14);color:#57d98e;border:1px solid rgba(40,199,111,.2);font-size:9px;padding:2px 6px;border-radius:99px}.submenu{padding-left:38px}.submenu-item{display:block;color:#9fa6ba;text-decoration:none;padding:7px 4px}.submenu-item.disabled{opacity:.55}.sidebar-footer{margin-top:auto;border-top:1px solid #2a2d3e;padding:14px 8px 0;display:flex;flex-direction:column;gap:4px;color:#aeb4c7}.sidebar-footer span{font-weight:700;color:#d8daea}.sidebar-footer small{font-size:10px}.main-area{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-height:100vh}.topbar{height:72px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid #2a2d3f;background:rgba(21,22,33,.85);backdrop-filter:blur(12px);position:sticky;top:0;z-index:900}.topbar h1{font-size:16px;margin:0 0 2px;font-weight:700}.topbar small{color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:38px;height:38px;border-radius:10px;background:#222534;border:1px solid #313549;color:#dfe2ef;display:grid;place-items:center;text-decoration:none}.user-chip{display:flex;align-items:center;gap:8px;background:#222534;border:1px solid #313549;padding:8px 11px;border-radius:10px}.content-wrap{padding:22px}.cardx{background:linear-gradient(180deg,var(--panel),#1b1e2c);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 35px rgba(0,0,0,.12)}.cardx-header{padding:15px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.cardx-body{padding:16px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat-card{padding:15px;background:linear-gradient(135deg,#222537,#1b1e2d);border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;gap:12px}.stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(115,103,240,.14);color:#9d95ff;font-size:19px}.stat-card small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.stat-card strong{font-size:21px}.table{--bs-table-bg:transparent;--bs-table-color:#dfe2ec;--bs-table-border-color:#34384b;font-size:12px;margin:0}.table>thead th{color:#969db1;font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:10px}.table>tbody td{padding:10px;vertical-align:middle}.form-control,.form-select{background:#171925;border-color:#383c50;color:#eceefa;font-size:12px;min-height:38px}.form-control:focus,.form-select:focus{background:#171925;color:white;border-color:var(--primary);box-shadow:0 0 0 .15rem rgba(115,103,240,.15)}.form-control::placeholder{color:#6f7588}.modal-content{background:#202332;color:#eef0f7;border:1px solid var(--line)}.modal-header,.modal-footer{border-color:var(--line)}.btn{font-size:12px;border-radius:9px}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:#6659e7;border-color:#6659e7}.badge-soft{padding:5px 8px;border-radius:8px;background:rgba(115,103,240,.12);color:#a9a2ff}.status-received{color:#8ca9ff}.status-diagnosis,.status-repairing{color:#f4c167}.status-waiting_approval,.status-waiting_part{color:#ff9f43}.status-ready{color:#43d68a}.status-delivered{color:#72dfad}.status-cancelled{color:#ee7f80}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.toolbar .form-control,.toolbar .form-select{max-width:220px}.section-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.empty{padding:35px;text-align:center;color:var(--muted)}.guest-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(115,103,240,.15),transparent 35%),var(--bg)}.auth-card{width:min(430px,100%);padding:28px}.auth-logo{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,var(--primary),#a86bea);display:grid;place-items:center;font-weight:900;font-size:18px;margin-bottom:18px}.alert-darkx{background:#191b27;border:1px solid #34384a;color:#cbd0dd;border-radius:10px;padding:10px 12px}.code-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#151722;border:1px dashed #3a3e53;border-radius:10px;padding:10px}.sidebar-overlay{display:none}.mini-note{font-size:11px;color:var(--muted)}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}}
@media(max-width:991px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0;width:100%}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:999;opacity:0;pointer-events:none;transition:.2s}.sidebar-overlay.show{opacity:1;pointer-events:auto}.content-wrap{padding:14px}.topbar{padding:0 14px}.user-chip span{display:none}}
@media(max-width:600px){.stat-grid{grid-template-columns:1fr}.cardx-header{align-items:flex-start;gap:8px;flex-direction:column}.toolbar>*{max-width:none!important;width:100%}.table-responsive{font-size:11px}.topbar h1{font-size:14px}}