:root{--accent:#d5edb2;--purple:#ece6fb}body{background:#f5f4f0}.shell{display:none}.portal-shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.portal-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#fafbf7;border-right:1px solid #e4e5dd;padding:30px 22px}.portal-nav{display:grid;gap:7px;margin-top:38px}.portal-nav button{text-align:left;border:0;background:transparent;padding:13px}.portal-nav button.active{background:#21231f;color:white}.portal-body{max-width:1300px;width:100%;margin:0 auto;padding:28px 42px}.portal-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4e5dd;padding-bottom:20px;gap:12px}.portal-top small{color:#81827b}.portal-heading{margin:34px 0 24px}.portal-heading h1{font-size:42px;letter-spacing:-1.5px;margin:10px 0}.portal-heading p{color:#81827b}.demo-note{background:#ece6fb;border:1px solid #ded3f5;border-radius:10px;padding:12px 16px;font-size:12px;color:#65547d;margin-bottom:24px}.portal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{padding:22px;background:white;border:1px solid #e4e5dd;border-radius:13px}.stat-card small{color:#81827b}.stat-card b{font-size:32px;font-weight:550;display:block;margin:10px 0 2px;letter-spacing:-1px}.portal-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.portal-card{padding:25px;background:white;border:1px solid #e4e5dd;border-radius:14px;margin-bottom:20px}.portal-card h2{margin:0 0 16px;font-size:20px;letter-spacing:-.5px}.portal-card p{color:#81827b}.tool-symbol{font-size:47px;width:80px;height:80px;background:#ece6fb;border-radius:20px;display:grid;place-items:center;margin-bottom:22px}.progress-track{height:7px;border-radius:8px;background:#eeefe9;margin:18px 0}.progress-track i{height:100%;display:block;background:#819269;border-radius:8px}.portal-foot{margin-top:auto;font-size:12px;color:#81827b}.portal-foot button{margin-top:12px;font-size:12px;width:100%}.tag{font-size:11px;border-radius:20px;padding:5px 10px;background:#edf3e5;color:#5d7349;white-space:nowrap}.tag.expired,.tag.blocked{background:#f8e7e3;color:#9c5141}.tag.paid{background:#ece6fb;color:#6e5a93}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-story{padding:60px;background:#e9eddf;display:flex;flex-direction:column;justify-content:space-between}.auth-story h1{font-size:clamp(40px,5vw,75px);max-width:540px;letter-spacing:-3px;margin:60px 0 30px}.auth-story p{max-width:410px;color:#6c7262}.auth-form-wrap{padding:45px;display:grid;align-content:center;max-width:550px;width:100%;margin:auto}.auth-tabs{display:flex;border-bottom:1px solid #e4e5dd;margin:24px 0}.auth-tabs button{flex:1;border:0;border-radius:0;background:none}.auth-tabs button.active{border-bottom:2px solid #21231f}.auth-form-wrap .field{margin-bottom:16px}.auth-form-wrap button[type=submit]{width:100%;margin-top:10px}.portal-table-wrap{overflow-x:auto}.portal-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}.portal-table th{text-align:left;color:#81827b;font-weight:500;padding:12px;border-bottom:1px solid #e4e5dd}.portal-table td{padding:16px 12px;border-bottom:1px solid #f0f0ea}.portal-table td small{display:block;color:#81827b}.portal-table button{padding:6px 9px;font-size:11px;margin-right:5px}.portal-search{max-width:360px;margin-bottom:18px}.portal-row{display:flex;justify-content:space-between;align-items:center;gap:14px}.portal-row.wrap{flex-wrap:wrap}.portal-muted{font-size:12px;color:#81827b}.portal-empty{padding:40px 20px;text-align:center;color:#81827b}.portal-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.portal-log{padding:12px 0;border-bottom:1px solid #eee;font-size:12px}.portal-log small{color:#81827b;display:block}.portal-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90%;padding:13px 22px;background:#21231f;color:white;border-radius:10px;z-index:99}.editor-back{background:#ece6fb;padding:10px 22px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}.editor-back button{padding:5px 12px}.portal-warning{font-size:12px;color:#9c5141}.portal-check{display:flex;align-items:start;gap:9px;font-size:12px;color:#81827b}.portal-check input{width:auto;margin-top:4px}.portal-form-error{color:#a24b39;font-size:12px;min-height:20px}.admin-mark{background:#ece6fb;color:#6e5a93;border-radius:6px;padding:4px 8px;font-size:10px;letter-spacing:.5px}.history-text{white-space:pre-wrap;max-height:240px;overflow:auto;font-size:13px;line-height:1.7}.auth-mini{padding-top:28px;font-size:11px;color:#81827b}@media(max-width:900px){.portal-shell{grid-template-columns:190px 1fr}.portal-body{padding:24px}.portal-grid{grid-template-columns:1fr}.auth-story{padding:35px}.portal-stats{grid-template-columns:1fr 1fr}.stat-card:last-child{grid-column:1/-1}}@media(max-width:650px){.portal-shell{display:block}.portal-side{height:auto;position:static;padding:16px}.portal-nav{display:flex;overflow-x:auto;margin-top:18px;gap:3px}.portal-nav button{white-space:nowrap;padding:9px;font-size:12px}.portal-foot{display:none}.portal-body{padding:20px 16px}.portal-heading h1{font-size:32px}.portal-stats{gap:10px}.stat-card{padding:16px}.stat-card b{font-size:25px}.portal-input-grid{grid-template-columns:1fr}.auth-wrap{display:block}.auth-story{padding:24px}.auth-story h1{font-size:40px;letter-spacing:-1.8px;margin:25px 0 18px}.auth-story p,.auth-story footer{display:none}.auth-form-wrap{padding:25px}.portal-card{padding:20px}.editor-back{padding:8px 12px}.portal-top{align-items:start}.portal-top .pill{font-size:10px}.portal-row{align-items:start}}
