@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f4f6fa;background:#050d19;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(255,100,76,.08),transparent 28%),#050d19}button,input,select,textarea{font:inherit}button{cursor:pointer}.loading{min-height:160px;display:grid;place-items:center;color:#8fa0b7}.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:22px 15px;display:flex;flex-direction:column;border-right:1px solid #1e3048;background:#071426}.admin-brand{height:58px;padding:0 10px;display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.admin-brand>span,.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#ff654f;color:#fff;font-size:23px;font-weight:900}.admin-brand>b{display:grid;font-size:15px}.admin-brand small{color:#ff917d;font-size:8px;letter-spacing:1.8px}.sidebar nav{margin-top:24px;display:grid;gap:5px}.sidebar nav button{height:43px;padding:0 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:#8799af;text-align:left;font-size:12px;font-weight:800}.sidebar nav button:hover,.sidebar nav button.active{border-color:#29415e;background:#0d2038;color:#fff}.sidebar nav button.active{color:#ff917d}.sidebar footer{margin-top:auto;display:grid;gap:8px}.sidebar footer a,.sidebar footer button{height:39px;display:grid;place-items:center;border:1px solid #253b56;border-radius:9px;background:transparent;color:#91a2b7;text-decoration:none;font-size:10px;font-weight:800}.content{min-width:0;padding:54px clamp(24px,4vw,64px) 80px}.page-heading{max-width:1240px;margin-bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.page-heading small,.panel>small,.media-card small,.music-row small,.prompt-editor small,.prompt-list small{color:#ff836e;font-size:9px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}.page-heading h1{margin:5px 0 2px;font-size:34px;letter-spacing:-1.5px}.page-heading p{margin:0;color:#8fa0b7;font-size:13px}.panel{min-width:0;padding:22px;border:1px solid #20344f;border-radius:18px;background:linear-gradient(145deg,#0c1b30,#09172a);box-shadow:0 18px 48px #00000029}.panel h2{margin:0 0 8px;font-size:16px}.panel p{color:#8697ad;font-size:11px;line-height:1.55}.primary,.secondary,.danger,.row-button{min-height:40px;padding:0 14px;border-radius:9px;font-size:10px;font-weight:900}.primary{border:1px solid #ff745d;background:#ff654f;color:#fff}.secondary,.row-button{border:1px solid #304966;background:#09182b;color:#b4c2d2}.danger{border:1px solid #90444f;background:#351923;color:#ffb8bf}.primary:disabled,.secondary:disabled,.danger:disabled{opacity:.5}.notice{margin:12px 0;padding:11px 13px;border:1px solid #2e4a67;border-radius:10px;background:#0b1b30;color:#aebdd0;font-size:11px}.notice.error,.error-box{border-color:#88434d;background:#321923;color:#ffc0c5}.toolbar{max-width:1240px;margin-bottom:14px;display:flex;gap:10px}.toolbar>span{flex:1}.toolbar input{width:min(460px,100%)}input,select,textarea{min-height:43px;padding:0 12px;border:1px solid #2a405d;border-radius:10px;background:#061224;color:#f5f7fa;outline:0}input:focus,select:focus,textarea:focus{border-color:#ff745d;box-shadow:0 0 0 3px #ff745d1a}label{display:grid;gap:7px;color:#b8c4d3;font-size:10px;font-weight:900}.stat-grid{max-width:1240px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-grid article{padding:22px;border:1px solid #213550;border-radius:16px;background:#0a192d}.stat-grid small{display:block;color:#7f92aa;font-size:8px;font-weight:900;letter-spacing:1px}.stat-grid b{display:block;margin-top:8px;color:#fff;font-size:30px}.quick-panel{max-width:1240px;margin-top:16px}.quick-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-grid button{height:45px;padding:0 13px;display:flex;justify-content:space-between;align-items:center;border:1px solid #29405d;border-radius:10px;background:#071427;color:#bdc8d5;font-size:11px;font-weight:800}.table-panel{max-width:1240px;padding:0;overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{padding:14px;text-align:left;color:#8092a8;font-size:8px;letter-spacing:.8px;text-transform:uppercase}td{padding:14px;border-top:1px solid #1d3049;color:#9fb0c3}td b,td small{display:block}td b{color:#ecf1f6}td small{margin-top:3px;color:#71859d}.pill{display:inline-flex!important;padding:4px 8px;border-radius:20px;background:#1c334d;color:#b8c6d5!important;font-size:8px!important;font-weight:900;text-transform:uppercase}.pill.success{background:#123a2d;color:#8be0b9!important}.pill.warning{background:#3e2a1d;color:#ffb684!important}.empty{padding:32px;text-align:center;color:#7f91a8}.modal-backdrop{position:fixed;z-index:20;inset:0;padding:22px;display:grid;place-items:center;background:#020811d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:min(650px,100%);max-height:calc(100vh - 44px);padding:24px;overflow:auto;border:1px solid #334e6f;border-radius:20px;background:#09182b;box-shadow:0 30px 100px #000}.modal>header{display:flex;justify-content:space-between}.modal h2{margin:4px 0;font-size:23px}.modal header p{margin:0;color:#8295ac;font-size:11px}.icon-button{width:36px;height:36px;border:1px solid #304865;border-radius:9px;background:transparent;color:#a6b5c6;font-size:22px}.form-grid{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.three{grid-template-columns:1fr 1fr 2fr}.checkbox{grid-column:1/-1;display:flex;align-items:center;gap:9px}.checkbox input,.checks input{width:17px;height:17px;min-height:0;accent-color:#ff654f}.modal footer{margin-top:22px;display:flex;gap:8px}.modal footer span{flex:1}.media-grid{max-width:1240px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:13px}.media-card{overflow:hidden;border:1px solid #263c58;border-radius:15px;background:#0a192d}.media-card.inactive,.music-row.inactive{opacity:.45}.media-card img{width:100%;aspect-ratio:16/9;display:block;object-fit:cover}.media-card>div{padding:15px}.media-card h2{height:38px;margin:4px 0 10px;font-size:13px}.font-grid{max-width:900px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.font-sample{height:90px;display:grid;place-items:center;border-bottom:1px solid #263c58;background:#fff;color:#142238;font-size:23px}.font-grid .media-card>div{padding-top:0}.font-grid .media-card small{display:block;margin-top:13px}.add-form{max-width:1240px;margin-bottom:14px}.add-form .primary{margin-top:14px}.music-list{max-width:1240px;display:grid;gap:10px}.music-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.music-row h2{margin:4px 0 10px}.music-row audio{width:min(520px,60vw);height:36px}.music-row>div:last-child{display:flex;gap:7px}.privacy-warning{max-width:1240px;margin-bottom:14px;padding:14px;display:flex;gap:12px;border:1px solid #6d5030;border-radius:12px;background:#291f17;color:#d8c1a7;font-size:11px}.privacy-warning b{color:#ffac74}.prompt-layout{max-width:1240px;display:grid;grid-template-columns:320px 1fr;gap:14px}.prompt-list{padding:12px}.prompt-list h2{padding:7px 8px}.prompt-list button{width:100%;padding:11px;display:grid;gap:3px;border:1px solid transparent;border-radius:10px;background:transparent;color:#abb9c9;text-align:left}.prompt-list button.active{border-color:#37516f;background:#0e223c}.prompt-list button span{color:#62758c;font-size:8px}.prompt-editor{display:flex;flex-direction:column}.prompt-editor>header,.audit-panel>header{display:flex;justify-content:space-between;align-items:flex-start}.prompt-editor textarea{min-height:360px;padding:14px;resize:vertical;font:12px/1.65 ui-monospace,SFMono-Regular,monospace}.editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.editor-actions .notice{flex:1}.audit-panel{max-width:1240px;margin-top:14px}.audit-list{max-height:220px;margin:14px 0;display:grid;overflow:auto;border:1px solid #263c58;border-radius:10px}.audit-list button{padding:10px 12px;display:flex;justify-content:space-between;border:0;border-bottom:1px solid #20344f;background:#071427;color:#afbdcc;text-align:left}.audit-list small{color:#708399}.audit-panel pre{max-height:450px;padding:14px;overflow:auto;border:1px solid #263c58;border-radius:10px;background:#040d1a;color:#b9c7d6;font:10px/1.6 ui-monospace,monospace;white-space:pre-wrap}.announcement{max-width:780px;display:grid;gap:14px}.announcement textarea{min-height:140px;padding:12px;resize:vertical}.checks{display:flex;gap:20px}.checks label{display:flex;align-items:center;gap:8px}.announcement .primary{justify-self:start}.seed-columns{max-width:1240px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.seed{padding:14px 0;border-top:1px solid #263b56}.seed p{font-size:12px}.seed button+button{margin-left:7px}.action-link{display:inline-grid;place-items:center;text-decoration:none}.settings-form{max-width:1000px;display:grid;gap:25px}.settings-form>section+section{padding-top:23px;border-top:1px solid #223751}.settings-form h2{margin-bottom:15px}.settings-form textarea{min-height:100px;padding:12px;resize:vertical}.form-grid .wide{grid-column:1/-1}.favicon-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.favicon-preview{min-width:280px;margin-right:auto;display:flex;align-items:center;gap:13px}.favicon-preview img{width:58px;height:58px;padding:5px;object-fit:contain;border:1px solid #2d4562;border-radius:12px;background:#fff}.favicon-preview span{display:grid;gap:3px}.favicon-preview small{color:#71849a;font-size:9px}.upload-button{min-height:40px;padding:0 14px;display:grid;place-items:center;border:1px solid #ff745d;border-radius:9px;background:#ff654f;color:#fff}.upload-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.color-field{display:flex;align-items:center;gap:8px}.color-field input{width:44px;height:40px;min-height:0;padding:4px}.color-field span{color:#899bb0;font-size:10px}.publish-row{display:flex;align-items:center;justify-content:flex-end;gap:18px}.publish-row>small{margin-right:auto;color:#75889e;font-size:9px}.feedback-layout{max-width:1240px;display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:14px}.feedback-list{padding:10px;max-height:calc(100vh - 190px);overflow:auto}.feedback-list>header{padding:7px 8px 12px;display:flex;align-items:center;justify-content:space-between}.feedback-list>header small{color:#708298;font-size:8px}.feedback-list>button{width:100%;padding:13px 12px;display:grid;gap:7px;border:1px solid transparent;border-radius:11px;background:transparent;color:#aab9ca;text-align:left}.feedback-list>button:hover,.feedback-list>button.active{border-color:#35506d;background:#0e223a}.feedback-list>button>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.feedback-list>button p{margin:0;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.feedback-list>button small{color:#6f8298;font-size:8px}.feedback-status{padding:4px 7px;border-radius:20px;background:#22364e;color:#93a6ba;font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase}.feedback-status.new{background:#563025;color:#ffb398}.feedback-status.replied{background:#123a2d;color:#8be0b9}.feedback-status.resolved{background:#252d3a;color:#8b9aac}.feedback-detail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.feedback-detail>header h2{margin:5px 0}.feedback-detail>header p{margin:0}.feedback-detail blockquote{margin:22px 0;padding:18px;border-left:3px solid #ff745d;border-radius:0 10px 10px 0;background:#071426;color:#d7e0e9;font-size:13px;line-height:1.7;white-space:pre-wrap}.feedback-recipient{padding:13px;display:grid;gap:4px;border:1px solid #263c58;border-radius:10px}.feedback-recipient b{font-size:11px}.feedback-recipient span,.muted-copy{color:#8193a9;font-size:10px}.reply-history{margin-top:18px}.reply-history h3{font-size:12px}.reply-history article{padding:12px;border:1px solid #253a54;border-radius:10px;background:#071426}.reply-history article+article{margin-top:8px}.reply-history p{margin:0;white-space:pre-wrap}.reply-history small{color:#6f8298;font-size:8px}.reply-form{margin-top:18px}.reply-form textarea{min-height:150px;padding:12px;resize:vertical}.reply-form p{margin:8px 0 12px}.feedback-actions{margin-top:18px;padding-top:15px;border-top:1px solid #223751}.login-page{min-height:100vh;padding:20px;display:grid;place-items:center}.login-card{width:min(460px,100%);padding:38px;border:1px solid #2a4260;border-radius:24px;background:#09182c;box-shadow:0 30px 100px #00000073}.login-card .brand-mark{margin-bottom:18px}.login-card>small{color:#ff846f;font-size:9px;font-weight:900;letter-spacing:1.4px}.login-card h1{margin:6px 0 8px;font-size:29px}.login-card h1 span{color:#ff654f}.login-card p{margin:0 0 26px;color:#889aaf;font-size:12px;line-height:1.6}.login-card label{margin-bottom:14px}.login-card .primary{width:100%;margin-top:8px}.login-card em{margin-top:17px;display:block;color:#62758c;font-size:9px;font-style:normal;text-align:center}.error-box{margin:10px 0;padding:11px;border:1px solid;border-radius:9px;font-size:10px}@media(max-width:900px){.admin-shell{display:block}.sidebar{position:relative;width:100%;height:auto}.sidebar nav{display:flex;overflow:auto}.sidebar nav button{flex:0 0 auto}.sidebar footer{margin-top:12px;grid-template-columns:1fr 1fr}.content{padding:30px 18px 60px}.stat-grid,.quick-grid,.font-grid{grid-template-columns:1fr 1fr}.prompt-layout,.seed-columns,.feedback-layout{grid-template-columns:1fr}.feedback-list{max-height:420px}.prompt-list{display:grid;grid-template-columns:1fr 1fr}.prompt-list h2{grid-column:1/-1}.form-grid.three{grid-template-columns:1fr 1fr}.form-grid.three label:last-child{grid-column:1/-1}}@media(max-width:600px){.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:28px}.stat-grid,.quick-grid,.font-grid,.form-grid,.form-grid.three,.prompt-list{grid-template-columns:1fr}.form-grid .wide,.prompt-list h2,.form-grid.three label:last-child{grid-column:auto}.toolbar input{min-width:0}.music-row{align-items:stretch;flex-direction:column}.music-row audio{width:100%}.modal footer{flex-wrap:wrap}.modal footer span{display:none}.privacy-warning,.checks{display:grid}.table-panel{margin:0 -18px;border-radius:0;border-left:0;border-right:0}.favicon-preview{min-width:100%}.publish-row{align-items:stretch;flex-direction:column}.feedback-detail{padding:17px}}
