:root{--bg-app:#f1f5f9;--bg-panel:#fff;--primary:#1e40af;--primary-light:#dbeafe;--accent:#3b82f6;--text-main:#0f172a;--text-sub:#475569;--border:#cbd5e1;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius:4px;--shadow:0 1px 3px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-main);flex-direction:column;height:100vh;font-size:13px;line-height:1.4;display:flex;overflow:hidden}.app-container{flex-direction:column;height:100vh;display:flex}.ribbon{background:var(--bg-panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow);z-index:10;gap:16px;padding:4px 8px;display:flex}.ribbon-group{border-right:1px solid var(--border);flex-direction:column;align-items:center;padding-right:16px;display:flex}.ribbon-group:last-child{border-right:none}.ribbon-label{color:var(--text-sub);text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.ribbon-items{gap:8px;display:flex}.ribbon-button{border-radius:var(--radius);cursor:pointer;min-width:60px;color:var(--text-main);flex-direction:column;align-items:center;gap:2px;padding:6px;transition:all .2s;display:flex}.ribbon-button:hover{background-color:var(--primary-light);color:var(--primary)}.ribbon-button svg{width:20px;height:20px}.ribbon-button span{font-size:11px}.dashboard-content{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:12px;padding:12px;display:grid;overflow:auto}.widget{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;display:flex}.widget-header{background:var(--primary-light);border-bottom:1px solid var(--border);color:var(--primary);justify-content:space-between;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.widget-body{flex:1;padding:8px;position:relative;overflow:hidden}.compact-table{border-collapse:collapse;width:100%;font-size:11px}.compact-table th{text-align:left;border-bottom:1px solid var(--border);color:var(--text-sub);background:#f8fafc;padding:4px}.compact-table td{border-bottom:1px solid #f1f5f9;padding:4px}.status-bar{background:var(--primary);color:#fff;justify-content:space-between;padding:4px 12px;font-size:11px;display:flex}.status-item{gap:12px;display:flex}.exit-button,.danger-icon{color:var(--danger)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.no-underline{text-decoration:none}.root-body{margin:0}.min-h-0{min-height:0}.text-danger{color:var(--danger)}.text-success{color:var(--success)}