:root{--blue: #52abf2;--blue-hover: #3a95e0;--blue-tint: rgba(82, 171, 242, .12);--green: #1eae75;--green-hover: #17925f;--green-tint: rgba(30, 174, 117, .12);--bg: #f4f7fa;--surface: #ffffff;--border: #e3e9ef;--text: #35424c;--text-muted: #7d8a94;--accent: #52abf2;--accent-hover: #3a95e0;--danger: #d9534f;--danger-hover: #c14641;--success: #1eae75;--sidebar-bg: #ffffff;--sidebar-text: #55636e;--radius: 2px;--shadow: 0 1px 3px rgba(53, 66, 76, .1);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:14px}a{color:var(--accent);text-decoration:none}button,.btn{font:inherit;padding:8px 14px;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;transition:background .12s}button:hover:not(:disabled),.btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:#eef2f6;border-color:var(--border)}.btn-success{background:var(--green);border-color:var(--green)}.btn-success:hover:not(:disabled){background:var(--green-hover);border-color:var(--green-hover)}.btn-danger{background:var(--danger);border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.btn-sm{padding:4px 9px;font-size:12px}label{display:block;font-weight:600;margin-bottom:5px;color:var(--text-muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.03em}input,select{font:inherit;width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.field{margin-bottom:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{background:#f1f5f9;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}tbody tr:hover{background:#f7fafd}.alert{padding:10px 12px;border-radius:var(--radius);margin-bottom:14px;font-size:13px;border:1px solid}.alert-error{background:#fbeceb;border-color:#eec2c0;color:var(--danger-hover)}.alert-info{background:var(--blue-tint);border-color:#bcdffa;color:#2c78bd}.alert-success{background:var(--green-tint);border-color:#b6e6d2;color:var(--green-hover)}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius);font-size:11.5px;font-weight:600}.badge-on{background:var(--green-tint);color:var(--green-hover)}.badge-off{background:#edf0f3;color:var(--text-muted)}.login-wrap{min-height:100%;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:380px;padding:32px}.login-brand{text-align:center;margin-bottom:24px}.login-brand .login-logo{height:84px;width:auto;display:inline-block}.login-brand span{display:block;margin-top:6px;color:var(--text-muted);font-size:12px;letter-spacing:.15em;text-transform:uppercase}.shell{display:grid;grid-template-columns:230px 1fr;height:100%}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;border-right:1px solid var(--border)}.sidebar-brand{padding:18px 20px;display:flex;justify-content:center;border-bottom:1px solid var(--border)}.sidebar-brand .brand-logo{height:46px;width:auto}.nav{flex:1;padding:10px 0}.nav a{display:block;padding:10px 20px;color:var(--sidebar-text);border-left:3px solid transparent}.nav a:hover{background:#f3f6f9;color:var(--text)}.nav a.active{background:var(--blue-tint);border-left-color:var(--blue);color:var(--blue);font-weight:600}.nav-group{padding:14px 20px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.nav-group-toggle{width:100%;text-align:left;background:transparent;border:none;padding:14px 20px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.nav-group-toggle:hover{color:var(--text);background:transparent;border-color:transparent}.nav-group-toggle .caret{font-size:9px;transition:transform .15s}.main{display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar .user{display:flex;align-items:center;gap:12px}.content{padding:24px;overflow:auto}.page-title{margin:0 0 18px;font-size:20px;color:var(--text)}.row{display:flex;gap:10px;align-items:center}.spacer{flex:1}.muted{color:var(--text-muted)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.module-tile{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--green);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;min-height:120px;display:flex;flex-direction:column;transition:box-shadow .12s,transform .12s}.module-tile.clickable{cursor:pointer}.module-tile.clickable:hover{box-shadow:0 3px 12px #52abf233;transform:translateY(-2px)}.module-tile h3{margin:0 0 6px;color:var(--blue-hover);font-size:16px}.module-tile p{margin:0;color:var(--text-muted);font-size:13px;flex:1}.module-tile .soon{margin-top:10px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.empty-state{padding:40px;text-align:center;color:var(--text-muted)}.dash-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.dash-head .spacer{flex:1}.dash-sub-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column}.dash-sub{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:var(--text);cursor:pointer;border-top:1px solid var(--border);transition:color .1s}.dash-sub:first-child{border-top:none}.dash-sub .arrow{margin-left:auto;color:var(--blue);font-size:12px}.module-tile:not(.editing):hover{box-shadow:0 6px 16px #52abf22e;transform:translateY(-3px)}.module-tile.editing{cursor:grab;opacity:1}.module-tile.editing.dragging{opacity:.4}.module-tile.hidden-widget{opacity:.45;border-top-color:var(--text-muted)}.widget-editbar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.widget-editbar .grip{color:var(--text-muted);cursor:grab;font-size:15px;-webkit-user-select:none;user-select:none}.widget-editbar .eye{margin-left:auto;background:none;border:1px solid var(--border);border-radius:var(--radius);padding:2px 8px;font-size:12px;cursor:pointer;color:var(--text-muted)}.widget-editbar .eye.on{color:var(--green);border-color:var(--green)}.icon-btn{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;cursor:pointer;font-size:13px;color:var(--text);display:inline-flex;align-items:center;gap:6px}.icon-btn:hover{border-color:var(--blue);color:var(--blue-hover)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#35424c73;display:grid;place-items:center;padding:20px;z-index:50}.modal{width:100%;max-width:460px;padding:24px;max-height:90vh;overflow:auto}.modal h2{margin-top:0;color:var(--text)}