@font-face{font-family:Grosa;src:url(./assets/fonts/Grosa-Regular.woff2) format("woff2"),url(./assets/fonts/Grosa-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Grosa;src:url(./assets/fonts/Grosa-Medium.woff2) format("woff2"),url(./assets/fonts/Grosa-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Grosa;src:url(./assets/fonts/Grosa-Bold.woff2) format("woff2"),url(./assets/fonts/Grosa-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--white: #ffffff;--black: #0b0b0a;--ash-50: #f6f5f3;--ash-100: #ebe9e5;--ash-200: #ddd9d3;--ash-300: #c7c2b9;--ash-400: #a39d92;--ash-500: #7d776c;--ash-600: #5c574e;--ash-700: #423e37;--status-open: #8a6d2f;--status-progress: #4a5b6e;--status-resolved: #4d6b4f;--status-urgent: #7a3b32;--radius-sm: 4px;--radius-md: 8px;--font-display: "Grosa", "Neue Haas Grotesk", "Helvetica Neue", Arial, sans-serif;--font-body: "Grosa", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);background:var(--ash-50);color:var(--black);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;margin:0}a{color:inherit;text-decoration:none}button{font-family:var(--font-body)}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:var(--black);color:var(--ash-100);display:flex;flex-direction:column;padding:24px 0}.sidebar-brand{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.04em;text-transform:uppercase;color:var(--white);padding:0 24px 24px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:12px}.sidebar-section{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ash-500);padding:16px 24px 6px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 24px;font-size:14px;color:var(--ash-200);border-left:3px solid transparent;cursor:pointer}.sidebar-link:hover{background:#ffffff0a;color:var(--white)}.sidebar-link.active{background:#ffffff0f;color:var(--white);border-left-color:var(--white);font-weight:500}.sidebar-footer{margin-top:auto;padding:16px 24px 0;border-top:1px solid rgba(255,255,255,.1)}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:64px;background:var(--white);border-bottom:1px solid var(--ash-200);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar-title{font-size:18px;font-weight:600}.role-pill{font-family:var(--font-display);font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:var(--black);color:var(--white);padding:5px 12px;border-radius:999px}.content{padding:28px;flex:1}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}.card{background:var(--white);border:1px solid var(--ash-200);border-radius:var(--radius-md);padding:20px}.stat-card .stat-label{font-size:12px;color:var(--ash-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.stat-card .stat-value{font-family:var(--font-display);font-size:28px;font-weight:700}.section-title{font-size:16px;font-weight:600;margin-bottom:14px}.panel{background:var(--white);border:1px solid var(--ash-200);border-radius:var(--radius-md);overflow:hidden;margin-bottom:20px}.panel-header{padding:16px 20px;border-bottom:1px solid var(--ash-100);display:flex;align-items:center;justify-content:space-between}table.data-table{width:100%;border-collapse:collapse;font-size:14px}table.data-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ash-500);padding:12px 20px;border-bottom:1px solid var(--ash-100)}table.data-table td{padding:12px 20px;border-bottom:1px solid var(--ash-100)}table.data-table tr:last-child td{border-bottom:none}table.data-table tr:hover td{background:var(--ash-50)}.badge{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--ash-300);background:var(--ash-50);color:var(--ash-700)}.badge.status-open,.badge.status-pending{color:var(--status-open);border-color:var(--status-open);background:#f7f0e1}.badge.status-progress,.badge.status-processing{color:var(--status-progress);border-color:var(--status-progress);background:#eaeef2}.badge.status-resolved,.badge.status-delivered,.badge.status-published,.badge.status-shipped{color:var(--status-resolved);border-color:var(--status-resolved);background:#eaf0ea}.badge.status-urgent,.badge.status-cancelled,.badge.status-high{color:var(--status-urgent);border-color:var(--status-urgent);background:#f3e7e4}.btn{font-family:var(--font-body);font-size:14px;font-weight:500;border-radius:var(--radius-sm);padding:9px 16px;border:1px solid var(--black);background:var(--black);color:var(--white);cursor:pointer}.btn:hover{background:var(--ash-700)}.btn.btn-secondary{background:var(--white);color:var(--black);border-color:var(--ash-300)}.btn.btn-secondary:hover{background:var(--ash-50)}.btn.btn-sm{padding:5px 10px;font-size:12px}.form-row{margin-bottom:14px}.form-row label{display:block;font-size:12px;color:var(--ash-600);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.form-row input,.form-row select,.form-row textarea{width:100%;padding:10px 12px;border:1px solid var(--ash-300);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;background:var(--white)}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:2px solid var(--black);outline-offset:1px}.empty-state{text-align:center;padding:48px 20px;color:var(--ash-500)}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--black)}.login-card{width:380px;background:var(--white);border-radius:var(--radius-md);padding:36px}.login-error{background:#f3e7e4;color:var(--status-urgent);border:1px solid var(--status-urgent);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;margin-bottom:14px}.muted{color:var(--ash-500);font-size:13px}.flex-between{display:flex;align-items:center;justify-content:space-between}