:root{--accent: #4F7234;--accent-dark: #3a5526;--accent-light: #eef3ea;--accent-mid: #c2d4b3;--bg: #f7f7f5;--surface: #ffffff;--surface2: #f2f2ef;--border: #e2e2de;--border2: #d0d0cb;--text: #1a1a18;--text-mid: #4a4a46;--text-muted: #8a8a84;--red: #c0392b;--red-bg: #fdf0ee;--green: #2e7d52;--green-bg: #edf5f0;--amber: #a06a00;--amber-bg: #fdf6e3;--blue: #1a5fa8;--blue-bg: #eef4fc;--font-display: "Bebas Neue", sans-serif;--font-body: "Barlow Condensed", sans-serif;--font-mono: "DM Mono", monospace;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow: 0 2px 8px rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;min-height:100vh}.app-shell{display:flex;height:calc(100vh - 56px)}.header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:var(--accent);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000026}.logo{font-family:var(--font-display);font-size:30px;letter-spacing:5px;line-height:1;color:#fff}.header-right{display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:11px}.live-badge{display:flex;align-items:center;gap:6px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 10px;font-size:10px;letter-spacing:2px}.live-dot{width:6px;height:6px;background:#7deb5a;border-radius:50%;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.user-badge{display:flex;align-items:center;gap:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);padding:4px 12px;font-weight:600;color:#fff}.role-pill{font-size:9px;letter-spacing:1.5px;padding:2px 6px;background:#fff3;color:#fff;text-transform:uppercase;border-radius:2px}.sidebar{width:220px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;transition:width .2s ease,opacity .2s ease,border .2s ease}.sidebar-toggle{background:none;border:none;cursor:pointer;color:#ffffffb3;font-size:16px;padding:4px 8px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:background .1s,color .1s;line-height:1}.event-selector{padding:14px 16px;border-bottom:1px solid var(--border);background:var(--accent-light)}.event-selector label{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--accent);display:block;margin-bottom:6px;text-transform:uppercase;font-weight:600}.event-selector select{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border2);padding:7px 10px;font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;outline:none;border-radius:3px}.event-selector select:focus{border-color:var(--accent)}.sidebar-section{padding:12px 0;border-bottom:1px solid var(--border)}.sidebar-label{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--text-muted);padding:0 16px 6px;text-transform:uppercase}.sidebar-item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-mid);transition:all .12s;border-left:3px solid transparent;text-decoration:none}.sidebar-item:hover{background:var(--surface2);color:var(--text)}.sidebar-item.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-light)}.sidebar-item .icon{font-size:14px;width:18px;text-align:center;opacity:.7}.sidebar-item.active .icon{opacity:1}.sidebar-badge{margin-left:auto;background:var(--red);color:#fff;font-size:10px;padding:2px 6px;font-family:var(--font-mono);border-radius:2px}.main{flex:1;overflow-y:auto;background:var(--bg)}.panel{padding:28px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border)}.page-title{font-family:var(--font-display);font-size:48px;letter-spacing:3px;line-height:1;color:var(--text)}.page-title span{color:var(--accent)}.page-subtitle{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:1px;margin-top:4px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;transition:all .12s;border-radius:3px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-ghost{background:transparent;color:var(--text-mid);border:1px solid var(--border2)}.btn-ghost:hover{color:var(--text);border-color:var(--text-mid);background:var(--surface2)}.btn-danger{background:transparent;color:var(--red);border:1px solid #e8b4b0}.btn-danger:hover{background:var(--red-bg);border-color:var(--red)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat-card{background:var(--surface);padding:20px;border:1px solid var(--border);border-top:3px solid var(--border2);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .2s}.stat-card:hover:after{transform:scaleX(1)}.stat-card.accent-green{border-top-color:var(--accent)}.stat-card.accent-yellow{border-top-color:var(--amber)}.stat-card.accent-red{border-top-color:var(--red)}.stat-card.accent-blue{border-top-color:var(--blue)}.stat-label{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.stat-value{font-family:var(--font-display);font-size:38px;letter-spacing:2px;line-height:1;color:var(--text)}.stat-sub{font-size:12px;color:var(--text-muted);margin-top:4px;font-family:var(--font-mono)}.section{background:var(--surface);margin-bottom:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface2);flex-wrap:wrap;gap:8px}.section-title{font-family:var(--font-display);font-size:20px;letter-spacing:2px;color:var(--text)}.section-title .pill{font-family:var(--font-mono);font-size:10px;background:var(--accent);color:#fff;padding:3px 8px;letter-spacing:1px;margin-left:10px;vertical-align:middle;border-radius:2px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{background:var(--surface2);padding:10px 16px;text-align:left;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border);font-weight:500;white-space:nowrap}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:nth-child(2n){background:var(--surface2)}tbody tr:hover{background:var(--accent-light)!important}tbody td{padding:11px 16px;font-size:14px;color:var(--text)}.totals-row td{background:var(--accent-light);font-weight:700;font-family:var(--font-mono);font-size:13px;border-top:2px solid var(--accent-mid);padding:12px 16px;color:var(--accent-dark)}.mono{font-family:var(--font-mono);font-size:13px}.sidebar{width:220px;transition:width .2s ease,opacity .2s ease}.sidebar.collapsed{width:0;opacity:0;overflow:hidden;border-right:none}.sidebar-toggle{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:18px;padding:4px 8px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:background .1s,color .1s;line-height:1}.sidebar-toggle:hover{background:#ffffff1a;color:#fff}body.mobile-view .app-shell{flex-direction:column}body.mobile-view .sidebar{width:100%!important;height:auto;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--border);overflow-y:visible}body.mobile-view .sidebar.collapsed{height:0;width:100%!important;opacity:0;overflow:hidden}body.mobile-view .event-selector{flex:1;min-width:200px}body.mobile-view .sidebar-section{padding:6px 0;border-bottom:none;display:flex;flex-wrap:wrap}body.mobile-view .sidebar-label{display:none}body.mobile-view .sidebar-item{padding:6px 10px;font-size:11px;border-left:none;border-bottom:3px solid transparent}body.mobile-view .sidebar-item.active{border-left-color:transparent;border-bottom-color:var(--accent)}body.mobile-view .main{height:auto;min-height:0;flex:1}body.mobile-view .panel{padding:12px}body.mobile-view .page-header{flex-direction:column;align-items:flex-start;gap:8px}body.mobile-view .stat-grid{grid-template-columns:1fr 1fr;gap:8px}body.mobile-view .stat-value{font-size:22px!important}body.mobile-view thead th{font-size:9px;padding:6px 8px}body.mobile-view tbody td{font-size:13px;padding:8px}body.mobile-view .btn{font-size:11px;padding:5px 10px}body.mobile-view .modal{width:95vw!important;max-width:95vw!important}body.mobile-view .form-row{flex-direction:column}body.mobile-view .header{padding:0 12px}.status{display:inline-block;padding:3px 8px;font-family:var(--font-mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;border-radius:2px}.status-confirmed{background:var(--green-bg);color:var(--green);border:1px solid #b2d9c3}.status-pending{background:var(--amber-bg);color:var(--amber);border:1px solid #f0d08a}.status-over{background:var(--red-bg);color:var(--red);border:1px solid #e8b4b0}.status-planning{background:var(--blue-bg);color:var(--blue);border:1px solid #b0cde8}.status-tbc{background:var(--surface2);color:var(--text-muted);border:1px solid var(--border2)}.budget-bar{height:5px;background:var(--border);overflow:hidden;margin-top:5px;border-radius:2px}.budget-fill{height:100%;transition:width .4s ease;border-radius:2px}.fill-ok{background:var(--accent)}.fill-warn{background:var(--amber)}.fill-over{background:var(--red)}.pos{color:var(--green)}.neg{color:var(--red)}.neutral{color:var(--text-muted)}.alert-strip{display:flex;align-items:center;gap:12px;background:var(--red-bg);border:1px solid #e8b4b0;border-left:4px solid var(--red);padding:10px 16px;margin-bottom:16px;font-size:13px;font-family:var(--font-mono);color:var(--red)}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);box-shadow:0 8px 32px #00000026;width:560px;max-width:95vw;max-height:90vh;overflow-y:auto;animation:slideUp .18s ease;border-radius:4px}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}}.modal-header{background:var(--accent);color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:var(--font-display);font-size:22px;letter-spacing:3px}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#fffc}.modal-close:hover{color:#fff}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:var(--surface2)}.form-group{margin-bottom:16px}.form-group label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--surface);border:1px solid var(--border2);color:var(--text);padding:9px 12px;font-family:var(--font-body);font-size:14px;outline:none;transition:border-color .15s;resize:vertical;border-radius:3px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f72341a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-error{color:var(--red);font-family:var(--font-mono);font-size:11px;margin-top:4px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}.info-cell{background:var(--surface);padding:14px 20px}.info-cell label{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--text-muted);display:block;margin-bottom:5px;text-transform:uppercase}.info-cell .value{font-size:15px;font-weight:700;color:var(--text)}.loading-state{display:flex;align-items:center;justify-content:center;padding:80px;color:var(--text-muted);font-family:var(--font-mono);font-size:12px;letter-spacing:2px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state .empty-title{font-family:var(--font-display);font-size:36px;letter-spacing:3px;margin-bottom:8px}.empty-state .empty-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:1px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background:#fff!important;color:#000!important;font-family:Barlow Condensed,Arial,sans-serif;font-size:11pt}.no-print{display:none!important}.print-only{display:block!important}@page{margin:15mm 12mm;size:A4 landscape}}.print-only{display:none}