*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f8f9fa;--color-surface: #ffffff;--color-border: #dee2e6;--color-text: #212529;--color-text-muted: #6c757d;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-danger: #dc2626;--color-success: #16a34a;--color-warning: #d97706;--color-sidebar-bg: #1e293b;--color-sidebar-text: #cbd5e1;--sidebar-width: 220px;--topbar-height: 48px;font-size:14px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5}.shell{display:flex;height:100dvh;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--color-sidebar-bg);color:var(--color-sidebar-text);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.sidebar-brand{padding:14px 16px;font-size:.85rem;font-weight:700;color:#fff;border-bottom:1px solid #334155;line-height:1.3}.sidebar-brand small{display:block;font-weight:400;color:#94a3b8;font-size:.7rem}.sidebar nav{flex:1;padding:8px 0}.sidebar nav a{display:block;padding:8px 16px;color:var(--color-sidebar-text);text-decoration:none;font-size:.825rem;border-left:3px solid transparent;transition:background .15s}.sidebar nav a:hover{background:#ffffff0f}.sidebar nav a.active{color:#fff;background:#2563eb33;border-left-color:var(--color-primary)}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 20px;gap:12px;flex-shrink:0}.topbar h1{font-size:.95rem;font-weight:600;color:var(--color-text)}.page-content{flex:1;overflow-y:auto;padding:20px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:16px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-title{font-size:.875rem;font-weight:600}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}table{width:100%;border-collapse:collapse;font-size:.825rem}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:600;color:var(--color-text-muted);background:#f8f9fa;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}tr:hover td{background:#f8f9fa}.table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:4px;border:1px solid transparent;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:#fff;color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:#f3f4f6}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-success:hover:not(:disabled){background:#15803d}.btn-sm{padding:3px 8px;font-size:.75rem}.btn-xs{padding:2px 6px;font-size:.7rem}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}input[type=text],input[type=number],input[type=date],input[type=time],select,textarea{width:100%;padding:6px 10px;border:1px solid var(--color-border);border-radius:4px;font-size:.825rem;color:var(--color-text);background:#fff;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}textarea{resize:vertical;min-height:60px}.form-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.form-actions{display:flex;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--color-border)}.filter-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px;padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px}.filter-bar select,.filter-bar input{width:auto;min-width:120px}.tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);margin-bottom:16px}.tab-btn{padding:8px 16px;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;font-size:.825rem;font-weight:500;color:var(--color-text-muted);margin-bottom:-2px;transition:color .15s}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;padding:24px;min-width:400px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:1rem;font-weight:600}.modal-close{border:none;background:none;cursor:pointer;font-size:1.2rem;color:var(--color-text-muted)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.page-title-block h2{font-size:1.1rem;font-weight:600}.page-title-block p{font-size:.8rem;color:var(--color-text-muted);margin-top:2px}.alert{padding:10px 14px;border-radius:4px;font-size:.825rem;margin-bottom:12px}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.alert-warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.alert-info{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:14px 16px}.metric-label{font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.metric-value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.metric-sub{font-size:.75rem;color:var(--color-text-muted);margin-top:2px}.text-muted{color:var(--color-text-muted)}.text-right{text-align:right}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-8{gap:8px}.gap-12{gap:12px}.w-full{width:100%}.loading{text-align:center;padding:40px;color:var(--color-text-muted);font-size:.875rem}.empty-state{text-align:center;padding:40px;color:var(--color-text-muted)}.empty-state h3{font-size:1rem;margin-bottom:6px}.section-title{font-size:.875rem;font-weight:600;margin-bottom:12px}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:360px}.toast{padding:10px 14px;border-radius:6px;font-size:.825rem;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;box-shadow:0 4px 12px #00000026;animation:toast-in .2s ease}.toast-close{border:none;background:none;cursor:pointer;font-size:1rem;line-height:1;padding:0;opacity:.6;flex-shrink:0}.toast-close:hover{opacity:1}.toast-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.toast-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.toast-warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.toast-info{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}