html,body,#root{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:#101418;background:#fafbfc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}:root{--portal-ink:#101418;--portal-graphite:#4b545c;--portal-muted:#67707a;--portal-line:#dde1e6;--portal-surface:#fff;--portal-page:#fafbfc;--portal-accent:#2563eb;--portal-accent-dark:#1d4ed8;--portal-danger:#dc2626}.portal-login{justify-content:center;align-items:center;height:100%;display:flex}.portal-login-card{background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:12px;flex-direction:column;gap:12px;width:360px;padding:32px;display:flex}.portal-login-card h1{margin:0 0 8px;font-size:22px}.portal-shell{height:100%;display:flex}.portal-sidebar{background:var(--portal-ink);color:#fff;flex-direction:column;gap:4px;width:220px;padding:24px 12px;display:flex}.portal-sidebar-brand{padding:0 12px 16px;font-size:18px;font-weight:700}.portal-nav-button{color:#ffffffbf;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:14px}.portal-nav-button:hover{background:#ffffff14}.portal-nav-button.active{background:var(--portal-accent);color:#fff}.portal-sidebar-footer{color:#ffffff8c;margin-top:auto;padding:12px;font-size:12px}.portal-main{flex:1;padding:32px;overflow:auto}.portal-main h1{margin:0 0 24px;font-size:24px}.portal-card{background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:12px;margin-bottom:16px;padding:20px}.portal-stat-row{gap:16px;display:flex}.portal-stat{background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:12px;flex:1;padding:20px}.portal-stat .value{font-size:28px;font-weight:700}.portal-stat .label{color:var(--portal-muted);font-size:13px}.portal-table{border-collapse:collapse;width:100%}.portal-table th,.portal-table td{border-bottom:1px solid var(--portal-line);text-align:left;padding:10px 12px;font-size:14px}.portal-table th{color:var(--portal-muted);font-weight:600}.portal-input{border:1px solid var(--portal-line);border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.portal-button{background:var(--portal-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600}.portal-button:hover{background:var(--portal-accent-dark)}.portal-button.secondary{border:1px solid var(--portal-line);color:var(--portal-ink);background:0 0}.portal-error{color:var(--portal-danger);font-size:14px}.portal-muted{color:var(--portal-muted);font-size:13px}