@font-face{font-family:F37Ginger;src:url(/fonts/F37Ginger-Light.woff2) format("woff2"),url(/fonts/F37Ginger-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:F37Ginger;src:url(/fonts/F37Ginger-Regular.woff2) format("woff2"),url(/fonts/F37Ginger-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:F37Ginger;src:url(/fonts/F37Ginger-Bold.woff2) format("woff2"),url(/fonts/F37Ginger-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:F37Ginger;src:url(/fonts/F37Ginger-ExtraBold.woff2) format("woff2"),url(/fonts/F37Ginger-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:F37Ginger;src:url(/fonts/F37Ginger-Black.woff2) format("woff2"),url(/fonts/F37Ginger-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}:root{--bf-primary: #00BEFF;--bf-primary-dk: #0099D6;--bf-dark: #002028;--bf-dark-mid: #003040;--bf-dark-lite: #004050;--bf-gray: #888C99;--bf-light-blue: #D6EEFF;--bf-success: #01D774;--bf-warning: #F6C826;--bf-error: #FD535D;--bf-info: #5C73FA;--bf-surface: #f5f7fa;--bf-border: #e5e7eb}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:F37Ginger,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bf-surface);color:var(--bf-dark);font-size:14px;line-height:1.5}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--bf-dark);color:#a8c4cb;display:flex;flex-direction:column;flex-shrink:0;padding:0}.sidebar-brand{padding:20px 20px 16px;border-bottom:1px solid var(--bf-dark-mid)}.sidebar-brand h1{font-size:13px;font-weight:800;color:#fff;letter-spacing:.06em;text-transform:uppercase}.sidebar-brand p{font-size:11px;color:var(--bf-gray);margin-top:2px}.sidebar-brand .bf-mark{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.sidebar-brand .bf-mark span{height:3px;background:var(--bf-primary);border-radius:2px;display:block}.sidebar-brand .bf-mark span:nth-child(1){width:28px}.sidebar-brand .bf-mark span:nth-child(2){width:20px}.sidebar-brand .bf-mark span:nth-child(3){width:12px}.sidebar-nav{padding:12px 0;flex:1}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:9px 20px;color:#7a9ca5;text-decoration:none;font-size:13.5px;font-weight:400;transition:background .12s,color .12s;border-left:3px solid transparent}.sidebar-nav a:hover{background:var(--bf-dark-mid);color:#e0eef2}.sidebar-nav a.active{background:var(--bf-dark-mid);color:var(--bf-primary);border-left-color:var(--bf-primary);font-weight:700}.sidebar-nav .nav-icon{font-size:16px;width:20px;text-align:center}.sidebar-nav .nav-group-label{padding:12px 20px 4px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bf-dark-lite)}.sidebar-footer{padding:14px 20px;border-top:1px solid var(--bf-dark-mid);font-size:12px;color:var(--bf-gray)}.main-content{flex:1;overflow:auto}.page-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--bf-border);padding:20px 32px;display:flex;align-items:center;justify-content:space-between}.page-header h2{font-size:18px;font-weight:700;color:var(--bf-dark)}.page-header .subtitle{font-size:13px;color:var(--bf-gray);margin-top:2px}.page-body{padding:24px 32px}.stats-row{display:flex;gap:12px}.stat-card{background:#fff;border:1px solid var(--bf-border);border-radius:10px;padding:16px 20px;flex:1;min-width:0}.stat-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:28px;font-weight:700;color:var(--bf-dark);line-height:1.2;margin-top:4px}.card{background:#fff;border:1px solid var(--bf-border);border-radius:8px;overflow:hidden}.card-header{padding:14px 20px;border-bottom:1px solid #f0f2f5;display:flex;align-items:center;justify-content:space-between}.card-header h3{font-size:14px;font-weight:700;color:var(--bf-dark)}.card-body{padding:20px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;border:none;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .12s}.btn-primary{background:var(--bf-primary);color:var(--bf-dark)}.btn-primary:hover{background:var(--bf-primary-dk)}.btn-secondary{background:#fff;color:var(--bf-dark);border:1px solid var(--bf-border)}.btn-secondary:hover{background:var(--bf-surface)}.btn-danger{background:#fff;color:var(--bf-error);border:1px solid #fca5a5}.btn-danger:hover{background:#fef2f2}.btn-sm{padding:4px 10px;font-size:12px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge-green{background:#d0fae8;color:#006635}.badge-blue{background:var(--bf-light-blue);color:#005080}.badge-yellow{background:#fef8d0;color:#7a5800}.badge-red{background:#ffe0e2;color:#8b0000}.badge-gray{background:#f3f4f6;color:var(--bf-gray)}.badge-orange{background:#ffedd5;color:#9a3412}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{background:var(--bf-surface);text-align:left;padding:10px 16px;font-size:11px;font-weight:800;color:var(--bf-gray);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--bf-border)}tbody td{padding:12px 16px;border-bottom:1px solid #f0f2f5;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f8fbff}tbody tr.clickable{cursor:pointer}.avatar{width:32px;height:32px;border-radius:50%;background:var(--bf-primary);color:var(--bf-dark);font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid #f0f2f5;background:var(--bf-surface)}.filters input[type=text]{padding:7px 12px;border:1px solid var(--bf-border);border-radius:6px;font-size:13px;font-family:inherit;width:220px;outline:none}.filters input[type=text]:focus{border-color:var(--bf-primary)}.filters select{padding:7px 10px;border:1px solid var(--bf-border);border-radius:6px;font-size:13px;font-family:inherit;background:#fff;cursor:pointer;outline:none}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-field label{font-size:10px;font-weight:800;color:var(--bf-gray);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:3px}.detail-field span{font-size:14px;color:var(--bf-dark)}.empty-state{text-align:center;padding:40px 20px;color:var(--bf-gray)}.empty-state p{font-size:14px;margin-top:8px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--bf-gray);text-decoration:none;font-size:13px;margin-bottom:16px}.back-link:hover{color:var(--bf-primary)}.sync-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.sync-dot-green{background:var(--bf-success)}.sync-dot-red{background:var(--bf-error)}.sync-dot-yellow{background:var(--bf-warning)}.sync-dot-gray{background:#d1d5db}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:16px}.row>*{flex:1}.alert{border-radius:8px;padding:12px 16px;display:flex;gap:10px;align-items:flex-start;margin-bottom:16px}.alert-yellow{background:#fef8d0;border:1px solid var(--bf-warning)}.alert-blue{background:var(--bf-light-blue);border:1px solid #8ad4f8}.alert-red{background:#ffe0e2;border:1px solid var(--bf-error)}.alert-icon{font-size:16px;line-height:1.4}.alert-body .alert-title{font-size:13px;font-weight:700}.alert-body .alert-desc{font-size:12px;margin-top:2px}.btn-xs{padding:3px 8px;font-size:11px;border-radius:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-panel{background:#fff;border-radius:12px;padding:28px;width:420px;max-width:90vw;box-shadow:0 20px 60px #00000026;max-height:90vh;overflow-y:auto}.modal-panel-wide{width:520px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-header h3{margin:0;font-size:16px;font-weight:700}.modal-header p{margin:4px 0 0;font-size:13px;color:#6b7280}.modal-footer{display:flex;gap:10px;justify-content:flex-end}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-start;justify-content:flex-end;z-index:1000}.drawer-panel{background:#fff;height:100vh;overflow-y:auto;box-shadow:-8px 0 40px #0000002e;display:flex;flex-direction:column;width:480px;max-width:95vw}.drawer-header{padding:20px 24px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.drawer-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:24px}.drawer-footer{padding:16px 24px;border-top:1px solid #e5e7eb;flex-shrink:0}