@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#0b0d18;--panel:#121526;--panel2:#181b2d;--line:rgba(244,240,233,.12);--text:#f4f0e9;--muted:#9291a0;--acid:#c8ff43;--danger:#ff6c70;--success:#66d99c;--sans:Manrope,sans-serif;--display:'Space Grotesk',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}.admin-page{min-height:100vh;background:radial-gradient(circle at 90% 0,#20204a 0,transparent 25%),var(--bg)}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;padding:25px 15px;background:#0d0f1d;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.admin-brand{display:flex;align-items:center;gap:9px;font:700 20px var(--display);letter-spacing:-.09em}.admin-brand img{width:30px;height:30px;border-radius:8px}.admin-brand span,.eyebrow{color:var(--acid)}.panel-label{font:10px var(--mono);letter-spacing:.16em;color:var(--muted);margin:28px 10px 12px}.nav-list{display:grid;gap:4px}.nav-item{width:100%;border:0;background:transparent;color:#aaaab6;padding:11px 12px;border-radius:8px;display:flex;align-items:center;gap:12px;text-align:left;transition:.2s}.nav-item:hover,.nav-item.active{background:rgba(200,255,67,.09);color:var(--acid)}.nav-icon{width:17px;text-align:center;font-size:16px}.badge{margin-left:auto;padding:2px 7px;border-radius:10px;background:var(--acid);color:#10111e;font:10px var(--mono)}.side-profile{margin-top:auto;border-top:1px solid var(--line);padding:18px 6px 3px;display:flex;align-items:center;gap:10px;position:relative}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#7e5cff,var(--acid));color:#0b0d18;display:grid;place-items:center;font:700 11px var(--mono);flex:none}.profile-name{font-weight:700;font-size:12px}.profile-role{font-size:10px;color:var(--muted);margin-top:2px}.dots{margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:18px}.main{margin-left:250px;min-height:100vh}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:sticky;top:0;background:rgba(11,13,24,.84);backdrop-filter:blur(15px);z-index:10}.crumb{color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.page-title{font:600 21px var(--display);letter-spacing:-.05em;margin:0}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn,.ghost-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;min-height:38px;padding:0 12px;transition:.2s}.icon-btn:hover,.ghost-btn:hover{border-color:var(--acid);color:var(--acid)}.icon-btn{position:relative;font-size:16px}.noti-dot{position:absolute;right:-4px;top:-5px;background:var(--danger);border-radius:10px;font:9px var(--mono);padding:2px 5px;color:white}.search-box{position:relative}.search-box input{width:205px;background:var(--panel);border:1px solid var(--line);padding:10px 12px;border-radius:8px;color:var(--text);outline:0}.search-box input:focus{border-color:var(--acid)}.search-results{display:none;position:absolute;top:45px;right:0;width:300px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px;box-shadow:0 20px 45px #0008}.search-results.show{display:block}.result{padding:9px;border-radius:6px;cursor:pointer}.result:hover{background:#23263c}.result small{display:block;color:var(--muted)}.content{padding:36px;max-width:1600px}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.welcome h2{font:600 29px var(--display);letter-spacing:-.06em;margin:0}.welcome p{color:var(--muted);margin:7px 0 0}.actions{display:flex;gap:9px;flex-wrap:wrap}.primary-btn{border:0;background:var(--acid);color:#10111e;border-radius:8px;padding:11px 15px;font-weight:800;transition:.2s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c8ff4330}.danger-btn{background:var(--danger);color:white;border:0;border-radius:8px;padding:10px 14px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-card,.card{border:1px solid var(--line);background:linear-gradient(145deg,#181b2d,#121421);border-radius:12px}.stat-card{padding:19px;transition:.25s}.stat-card:hover,.project-card-admin:hover,.team-card:hover{transform:translateY(-4px);border-color:#c8ff4369}.stat-top{display:flex;justify-content:space-between;color:var(--muted)}.stat-icon{color:var(--acid);font-size:20px}.trend{font:10px var(--mono);color:var(--success);background:#66d99c17;padding:3px 5px;border-radius:5px}.stat-num{font:600 31px var(--display);letter-spacing:-.07em;margin:20px 0 3px}.section-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}.card-head{padding:18px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.card-head h3{font:600 16px var(--display);margin:0}.text-btn{border:0;background:transparent;color:var(--acid);font:11px var(--mono)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:580px}th{text-align:left;color:var(--muted);font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase}th,td{padding:13px 18px;border-bottom:1px solid var(--line)}td{font-size:12px}.status{display:inline-block;padding:4px 7px;border-radius:20px;font:10px var(--mono);background:#ffffff0d;color:#b9b8c3}.status.unread{background:#c8ff4320;color:var(--acid)}.status.replied,.status.published{background:#66d99c18;color:var(--success)}.mini-projects{padding:12px;display:grid;gap:10px}.mini-project{display:flex;gap:11px;align-items:center;padding:7px;border-radius:8px}.mini-project:hover{background:#ffffff08}.mini-project img{width:50px;height:42px;object-fit:cover;border-radius:6px;background:#272a42}.muted{color:var(--muted);font-size:11px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:14px}.quick{padding:17px;border:1px solid var(--line);border-radius:9px;background:#ffffff04;text-align:left;color:var(--text);font-weight:700}.quick:hover{border-color:var(--acid);color:var(--acid)}.view-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.view-head h2{font:600 28px var(--display);letter-spacing:-.06em;margin:0}.view-head p{color:var(--muted);margin:4px 0}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.toolbar input,.form-control{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);outline:0}.toolbar input:focus,.form-control:focus{border-color:var(--acid)}.tabs{display:flex;gap:5px}.tab{border:0;background:transparent;color:var(--muted);padding:8px 10px;border-radius:6px}.tab.active{background:#ffffff0d;color:var(--acid)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project-card-admin{overflow:hidden;transition:.25s}.project-card-admin img,.project-image-empty{height:150px;width:100%;object-fit:cover;background:linear-gradient(135deg,#2b3154,#191b2a)}.project-info{padding:15px}.project-info h3{margin:0 0 5px;font:600 18px var(--display)}.card-actions{display:flex;gap:6px;margin-top:15px}.small-btn{background:transparent;color:var(--muted);border:1px solid var(--line);padding:7px 9px;border-radius:6px;font-size:11px}.small-btn:hover{border-color:var(--acid);color:var(--acid)}.small-btn.delete:hover{border-color:var(--danger);color:var(--danger)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.team-card{padding:19px;transition:.25s}.team-card .avatar{width:53px;height:53px;margin-bottom:15px}.team-card h3{margin:0;font:600 20px var(--display)}.team-card p{color:var(--muted);font-size:12px;line-height:1.6}.inbox{display:grid;grid-template-columns:330px 1fr;min-height:610px;overflow:hidden}.conversation-list{border-right:1px solid var(--line)}.inbox-search{padding:13px;border-bottom:1px solid var(--line)}.inbox-search input{width:100%;padding:10px;border:1px solid var(--line);background:#0e1020;color:white;border-radius:7px}.conversation{padding:14px 15px;border-bottom:1px solid var(--line);cursor:pointer}.conversation:hover,.conversation.active{background:#ffffff08}.conversation.active{border-left:2px solid var(--acid)}.conv-row{display:flex;justify-content:space-between}.conv-name{font-weight:700;font-size:12px}.conv-subject{margin:5px 0;color:#d4d3dc;font-size:12px}.conv-preview{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-pane{display:flex;flex-direction:column}.message-header{padding:19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.message-header h3{margin:0;font:600 18px var(--display)}.message-header p{margin:3px 0;color:var(--muted);font-size:11px}.thread{padding:20px;display:grid;gap:15px;flex:1}.bubble{max-width:75%;padding:14px;border-radius:10px;background:#20233a;line-height:1.6;font-size:13px}.bubble.admin{margin-left:auto;background:#c8ff43;color:#10111e}.bubble-meta{font:10px var(--mono);opacity:.6;margin-bottom:7px}.composer{padding:15px;border-top:1px solid var(--line)}.composer textarea{width:100%;resize:vertical;min-height:72px;padding:10px;border:1px solid var(--line);background:#0e1020;color:white;border-radius:7px}.compose-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.media-card{overflow:hidden}.media-preview{height:135px;background:#22263a;display:grid;place-items:center;color:var(--muted)}.media-preview img{width:100%;height:100%;object-fit:cover}.media-info{padding:11px}.media-info strong{font-size:12px}.upload-zone{border:1px dashed #c8ff4375;border-radius:10px;padding:20px;text-align:center;color:var(--muted);margin-bottom:18px}.settings{max-width:820px;display:grid;gap:16px}.settings .card{padding:20px}.settings h3{margin:0 0 15px;font:600 17px var(--display)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.field-label{display:grid;gap:6px;color:var(--muted);font-size:11px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.switch{appearance:none;width:37px;height:21px;border-radius:20px;background:#414356;position:relative;cursor:pointer}.switch:checked{background:var(--acid)}.switch:before{content:'';position:absolute;width:15px;height:15px;top:3px;left:3px;border-radius:50%;background:white;transition:.2s}.switch:checked:before{left:19px}.modal-layer{position:fixed;inset:0;background:#05060bbd;display:grid;place-items:center;padding:18px;z-index:50;opacity:0;pointer-events:none;transition:.2s}.modal-layer.show{opacity:1;pointer-events:auto}.modal{width:min(100%,700px);max-height:92vh;overflow:auto;background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:22px;transform:translateY(12px);transition:.2s}.show .modal{transform:none}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.modal h2{margin:0;font:600 23px var(--display)}.close{border:0;background:transparent;color:var(--muted);font-size:22px}.modal textarea{min-height:100px}.upload-mini{padding:18px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);text-align:center}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.toast{padding:12px 15px;margin-top:8px;border-radius:8px;background:#20243a;border-left:3px solid var(--success);box-shadow:0 10px 30px #0008;animation:toast .25s both}.toast.error{border-color:var(--danger)}#toast-stack{position:fixed;right:20px;bottom:20px;z-index:70;min-width:230px}@keyframes toast{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.login-page{min-height:100vh;background:#0b0d18}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{padding:clamp(35px,7vw,90px);position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 20% 30%,#7e5cff38,transparent 30%),linear-gradient(135deg,#121529,#090a14)}.login-brand:after{content:'';position:absolute;width:46vw;height:46vw;border:1px solid #c8ff432c;border-radius:50%;right:-26vw;bottom:-25vw}.login-brand>div{max-width:520px;z-index:1}.login-brand h1{font:600 clamp(45px,5vw,78px)/.9 var(--display);letter-spacing:-.1em;margin:20px 0}.login-brand h1 em{color:var(--acid);font-style:normal}.login-brand p:not(.eyebrow){color:#bbb9c5;max-width:360px;line-height:1.7}.login-brand small{color:var(--muted);font:11px var(--mono)}.login-form-wrap{display:grid;place-items:center;padding:30px;position:relative}.back-link{position:absolute;top:35px;right:38px;color:var(--muted);font-size:12px}.login-card{width:min(100%,390px)}.mini-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--acid);color:#111;font:700 22px var(--display)}.login-card h2{margin:24px 0 5px;font:600 34px var(--display);letter-spacing:-.07em}.login-card>p{color:var(--muted);margin:0 0 25px}.login-card label{display:grid;gap:8px;color:#cccbd5;font-size:12px;margin-top:15px}.login-card input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:#121421;color:var(--text);outline:0}.login-card input:focus{border-color:var(--acid);box-shadow:0 0 0 3px #c8ff4312}.password-wrap{position:relative}.password-wrap button{position:absolute;right:5px;top:4px;border:0;background:transparent;color:var(--muted);padding:7px}.login-options{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.login-options .check{display:flex;align-items:center;gap:7px;margin:0;color:var(--muted)}.login-options input{width:auto}.login-options a{color:var(--acid);font-size:12px}.login-submit{width:100%;margin-top:4px}.login-error{display:none;padding:10px;border:1px solid #ff6c705c;background:#ff6c7012;color:#ff989a;border-radius:7px;font-size:12px}.login-error.show{display:block}.demo-note{display:block;color:var(--muted);font-size:10px;text-align:center;margin-top:15px}.mobile-trigger{display:none}
@media(max-width:980px){.stats{grid-template-columns:repeat(2,1fr)}.projects-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.media-grid{grid-template-columns:repeat(3,1fr)}.section-grid{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.25s;box-shadow:20px 0 50px #0008}.sidebar.open{transform:none}.mobile-trigger{display:block}.main{margin-left:0}.topbar{padding:0 18px}.content{padding:24px}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:15}.sidebar-overlay.show{display:block}.login-shell{grid-template-columns:.85fr 1fr}.login-brand{padding:45px}}
@media(max-width:650px){.topbar{height:65px}.topbar .crumb{display:none}.search-box input{width:110px}.header-actions .avatar{display:none}.content{padding:20px 14px}.welcome,.view-head{align-items:start;flex-direction:column}.stats{gap:10px}.stat-card{padding:14px}.section-grid{margin-top:10px}.projects-grid,.team-grid,.media-grid{grid-template-columns:1fr}.inbox{grid-template-columns:1fr;min-height:550px}.conversation-list{border-right:0}.message-pane{display:none}.inbox.message-open .conversation-list{display:none}.inbox.message-open .message-pane{display:flex}.form-grid{grid-template-columns:1fr}.login-shell{display:block}.login-brand{min-height:310px;padding:30px}.login-brand h1{font-size:46px}.login-brand small{display:none}.login-form-wrap{display:block;padding:38px 25px 50px}.back-link{top:18px;right:22px}.login-card{margin:30px auto 0}.modal{padding:17px}.actions{width:100%}.actions button{flex:1}.hide-mobile{display:none}}