@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--ink-1: #ecf3ff;--ink-2: #9db3d4;--panel: rgba(13, 22, 41, .78);--panel-soft: rgba(18, 31, 58, .62);--stroke: rgba(148, 173, 221, .28);--accent: #33d5ff;--accent-2: #4d7cff;--accent-3: #6affb5;--danger: #ff5d7a;--ok: #38d6a0;--radius: 16px;color:var(--ink-1);font-family:Outfit,system-ui,sans-serif;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink-1);background:radial-gradient(1200px 600px at -10% -20%,#33d5ff59,#060b1800 60%),radial-gradient(1200px 600px at 110% -20%,#6d7bff52,#060b1800 50%),linear-gradient(180deg,#060b18,#09142b 42%,#050b17)}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-family:Space Grotesk,Outfit,sans-serif;letter-spacing:.01em}main{width:min(1320px,94vw);margin:0 auto;padding:1.4rem 0 3rem}.auth-page{min-height:100vh;display:grid;place-items:center}.auth-card{width:min(470px,92vw);background:linear-gradient(160deg,#0f1b33f0,#081021f2);border:1px solid var(--stroke);border-radius:24px;padding:2rem;box-shadow:0 28px 70px #00000059}.eyebrow{margin:0 0 .6rem;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;color:var(--accent)}.muted{margin:.2rem 0;color:var(--ink-2)}.stack{display:grid;gap:.75rem}.field{display:grid;gap:.3rem}.field span{font-size:.78rem;color:var(--ink-2);letter-spacing:.02em}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;border-radius:12px;border:1px solid var(--stroke);background:#0e182dd9;color:var(--ink-1);padding:.72rem .84rem;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #33d5ff29}textarea{resize:vertical}button{cursor:pointer;border:1px solid transparent}.btn-primary,.btn-secondary,.btn-inline,.btn-danger,.link-btn{border-radius:999px;padding:.58rem 1rem;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}.btn-primary:hover,.btn-secondary:hover,.btn-inline:hover,.btn-danger:hover,.link-btn:hover{transform:translateY(-1px)}.btn-primary{color:#071229;background:linear-gradient(100deg,var(--accent),#6cf1ff);box-shadow:0 8px 30px #33d5ff40}.btn-primary:disabled{opacity:.6}.btn-secondary{background:#101c35b8;color:var(--ink-1);border-color:var(--stroke)}.btn-inline{display:inline-flex;align-items:center;justify-content:center;background:#4d7cff33;border-color:#739fff8c;color:#d8e6ff}.btn-small{padding:.45rem .8rem;font-size:.86rem}.link-btn{color:var(--accent);background:transparent;border-color:transparent;text-align:left;padding-left:0}.btn-danger{background:#ff5d7a33;border-color:#ff5d7a66;color:#ffafbf}.btn-pill-on,.btn-pill-off{border-radius:999px;border:1px solid transparent;padding:.35rem .7rem;font-size:.8rem}.btn-pill-on{color:#a8f6dd;background:#38d6a033;border-color:#38d6a059}.btn-pill-off{color:#ffb8c6;background:#ff5d7a29;border-color:#ff5d7a54}.error-box{margin:0;color:#ffd8e1;background:#9c1a3994;border:1px solid rgba(255,104,143,.46);border-radius:12px;padding:.65rem .78rem}.fullscreen-center{min-height:100vh;display:grid;place-items:center}.loading-pill{background:var(--panel);border:1px solid var(--stroke);border-radius:999px;padding:.72rem 1.3rem}.dashboard-page,.editor-page,.admin-page{display:grid;gap:1rem}.dashboard-hero,.editor-header,.admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.9rem;padding:1.1rem;border:1px solid var(--stroke);border-radius:18px;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.row-left,.row-right,.row{display:flex;align-items:center;gap:.6rem}.row{width:100%}.usage-grid,.admin-metrics-grid{display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr))}.admin-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.usage-card,.create-card,.resume-card,.admin-panel,.canvas-wrap,.editor-right-panel,.editor-left-rail{border:1px solid var(--stroke);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem}.gradient-card{background:linear-gradient(135deg,#18284bd6,#081120d6),radial-gradient(160px 90px at 120% -10%,#6affb538,#0000)}.usage-card p,.admin-metric-card p{margin:0;color:var(--ink-2)}.usage-card strong,.admin-metric-card strong{font-size:1.4rem}.dashboard-grid-two,.admin-grid-two{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.create-row{margin-top:.7rem}.template-list{display:grid;gap:.6rem;margin-top:.6rem}.template-chip{width:100%;display:grid;gap:.15rem;text-align:left;border-radius:14px;border:1px solid var(--stroke);background:var(--panel-soft);padding:.65rem .8rem}.template-chip:disabled{opacity:.58}.template-chip small{color:var(--ink-2)}.section-row,.panel-title-row{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.6rem}.resume-grid{display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr))}.resume-card{display:grid;gap:.35rem}.resume-card-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.status-pill{padding:.2rem .55rem;border-radius:999px;border:1px solid rgba(115,159,255,.45);color:#dbe8ff;font-size:.72rem;text-transform:uppercase}.editor-page-v2{width:min(1460px,95vw)}.editor-header-v2{align-items:center}.title-input{min-width:300px}.save-state{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.save-saving{color:#ffd76a}.save-saved{color:var(--ok)}.save-error{color:#ff9eb0}.editor-layout{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:.9rem;min-height:640px}.tab-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-bottom:.7rem}.tab-btn{border:1px solid var(--stroke);border-radius:10px;background:#0f1b32a6;color:var(--ink-2);padding:.42rem .45rem}.tab-btn.active{color:#0c1430;border-color:transparent;background:linear-gradient(100deg,var(--accent),#6cf1ff)}.insert-grid,.layer-stack,.semantic-stack{display:grid;gap:.6rem;align-content:start}.insert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insert-card{width:100%;text-align:left;display:grid;gap:.12rem;border:1px solid var(--stroke);border-radius:14px;background:var(--panel-soft);padding:.62rem .75rem}.insert-card-wide{grid-column:1 / -1}.insert-card small{color:var(--ink-2)}.hidden-input{display:none}.layer-item{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid var(--stroke);border-radius:11px;background:#0b1529d1;color:var(--ink-1);padding:.52rem .62rem}.layer-item.active{border-color:#33d5ff8c;background:#142c4aeb}.layer-item small{color:var(--ink-2)}.layer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.canvas-wrap-v2{overflow:auto;padding:.7rem;background:linear-gradient(160deg,#0b172ce6,#080e1de0)}.canvas-shell-v2{width:fit-content;border-radius:10px;border:1px solid rgba(138,164,214,.22);overflow:hidden;box-shadow:0 18px 45px #0000006b}.editor-right-panel h2{margin-bottom:.6rem}.two-col-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.nudge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.editor-footer{display:flex;justify-content:flex-end}.admin-metric-card{border:1px solid var(--stroke);border-radius:var(--radius);background:var(--panel);padding:.9rem}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:620px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid rgba(147,173,223,.18);padding:.58rem .4rem;vertical-align:top}.admin-table th{color:var(--ink-2);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.admin-list{display:grid;gap:.48rem}.admin-list-item{border:1px solid var(--stroke);border-radius:11px;background:#0b1529c2;padding:.55rem .68rem;display:grid;gap:.18rem}.admin-list-item small{color:var(--ink-2)}@media(max-width:1200px){.editor-layout{grid-template-columns:1fr}.editor-left-rail,.editor-right-panel{order:2}.canvas-wrap-v2{order:1}}@media(max-width:980px){.usage-grid,.admin-metrics-grid,.dashboard-grid-two,.admin-grid-two,.resume-grid{grid-template-columns:1fr}.dashboard-hero,.editor-header,.admin-header{flex-direction:column;align-items:flex-start}.row-left,.row-right,.row{width:100%;flex-wrap:wrap}.title-input{min-width:0;width:100%}.insert-grid{grid-template-columns:1fr}}
