*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:var(--color-background);color:var(--color-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--color-background);min-height:100vh;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,h4,h5,h6,p{margin:0}:root{--color-accent:#ff7a1a;--color-accent-hover:#ff9d4d;--color-background:#07110f;--color-surface:#10161b;--color-surface-secondary:#151d24;--color-text:#f5f7f8;--color-text-muted:#9fa8b6;--color-border:#ffffff1f}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.page-header-text h2{color:var(--color-text);margin:0;font-size:24px;font-weight:600;line-height:1.3}.page-header-text p{color:var(--color-text-muted);margin-top:6px;font-size:14px}.page-header-action{flex-shrink:0}.portal-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:16px 32px;display:flex}.header-title{align-items:center;gap:12px;display:flex}.header-logo{width:auto;height:36px}.header-title h1{color:var(--color-text);margin:0;font-size:20px;font-weight:600;line-height:1.3}.header-title p{color:var(--color-text-muted);margin-top:4px;font-size:13px}.header-user{align-items:center;gap:16px;display:flex}.header-user span{color:var(--color-text-muted);font-size:13px}.header-user button{border:1px solid var(--color-border);color:var(--color-text);background:0 0;border-radius:6px;padding:8px 14px;font-size:13px;transition:background-color .15s,border-color .15s}.header-user button:hover{background:var(--color-surface-secondary);border-color:var(--color-accent)}.portal-layout{background:var(--color-background);min-height:100vh;display:flex}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-shrink:0;width:240px;min-height:100vh;padding:24px 16px}.sidebar-brand{color:var(--color-text);letter-spacing:.2px;align-items:center;gap:10px;margin-bottom:32px;padding:0 8px;font-size:20px;font-weight:700;display:flex}.sidebar-logo{width:auto;height:32px}.sidebar-section{margin-bottom:24px}.sidebar-section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 12px;font-size:11px;font-weight:600}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar a{color:var(--color-text-muted);border-radius:6px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s}.sidebar a:hover{background:var(--color-surface-secondary);color:var(--color-text)}.sidebar a.active{background:var(--color-accent);color:#fff}.portal-content{flex-direction:column;flex:1;min-width:0;display:flex}.portal-content main{flex:1;padding:32px}