:root{font-family:Space Grotesk,Work Sans,sans-serif;line-height:1.6;font-weight:400;color:#1f2a2e;background-color:#f6f1e9;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg-0: #f6f1e9;--bg-1: #efe5d6;--panel: #fffaf3;--panel-strong: #ffffff;--ink: #1f2a2e;--muted: #6c6a66;--accent: #d76c4c;--accent-2: #2b6d6f;--accent-3: #f2b256;--shadow: 0 24px 60px rgba(27, 40, 44, .12);--border: rgba(31, 42, 46, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 700px at 10% 5%,#fbeed7 0%,transparent 55%),radial-gradient(900px 600px at 90% 10%,#d8f0f0 0%,transparent 50%),linear-gradient(140deg,#f6f1e9,#f2e7d7);color:var(--ink)}body:before,body:after{content:"";position:fixed;width:320px;height:320px;border-radius:999px;filter:blur(0px);opacity:.25;z-index:-1}body:before{background:radial-gradient(circle at 30% 30%,#d76c4c,transparent 70%);top:-80px;right:8%}body:after{background:radial-gradient(circle at 30% 30%,#2b6d6f,transparent 70%);bottom:-60px;left:4%}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:.95rem}h1,h2,h3{font-family:Fraunces,Space Grotesk,serif;margin:0;letter-spacing:.4px}h2{font-size:1.8rem}h3{font-size:1.2rem}p{margin:0}small{font-size:.75rem}input,select,textarea{width:100%;padding:.65rem .75rem;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--ink);transition:border .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#2b6d6fb3;box-shadow:0 0 0 3px #2b6d6f26}textarea{min-height:120px;resize:vertical}button{border:none;background:none;cursor:pointer}.primary{background:linear-gradient(140deg,var(--accent),#f3985b);color:#fff;padding:.85rem 1.4rem;border-radius:999px;font-weight:600;box-shadow:0 16px 30px #d76c4c40;transition:transform .2s ease,box-shadow .2s ease}.primary:hover{transform:translateY(-1px);box-shadow:0 18px 36px #d76c4c52}.ghost{padding:.6rem 1rem;border-radius:999px;background:#1f2a2e0d;color:var(--ink);font-weight:500;transition:background .2s ease,color .2s ease}.ghost:hover{background:#1f2a2e1f}.ghost.danger{color:#b23b2a;background:#d76c4c1a}.ghost.danger:hover{background:#d76c4c2e}.badge{background:var(--accent-2);color:#fefefe;padding:.35rem .7rem;border-radius:999px;font-weight:600;font-size:.75rem;text-transform:uppercase}.tag{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:999px;background:#fff3;font-size:.7rem;text-transform:uppercase}.muted{color:var(--muted)}.muted.small{font-size:.8rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--muted);margin-bottom:.3rem}.notice{padding:.75rem 1rem;border-radius:14px;margin-top:1rem;font-weight:500}.notice.error{background:#d76c4c1f;color:#a23523}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-panel{display:grid;gap:2rem;grid-template-columns:minmax(240px,320px) minmax(320px,420px);background:var(--panel);border-radius:32px;padding:2.5rem;box-shadow:var(--shadow);border:1px solid rgba(31,42,46,.08);animation:fadeUp .6s ease}.auth-mark h1{font-size:2.3rem;margin-top:1rem}.auth-mark p{margin-top:.75rem;color:var(--muted)}.auth-form{display:flex;flex-direction:column;gap:1rem;background:var(--panel-strong);border-radius:24px;padding:2rem;border:1px solid rgba(31,42,46,.06)}.form-header{display:flex;align-items:baseline;justify-content:space-between}.form-error{background:#d76c4c1f;color:#a23523;padding:.6rem .8rem;border-radius:10px;font-size:.85rem}.app-shell{display:grid;grid-template-columns:minmax(240px,280px) 1fr;min-height:100vh}.sidebar{background:linear-gradient(170deg,#1b3a3d,#274d50);color:#f8f4ee;padding:2rem 1.6rem;display:flex;flex-direction:column;gap:2rem;position:sticky;top:0;height:100vh}.brand{display:flex;gap:1rem;align-items:center}.brand h1{font-size:1.35rem}.brand p{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:#f8f4eeb3}.nav{display:grid;gap:.6rem}.nav-item{text-align:left;padding:.8rem 1rem;border-radius:16px;background:#ffffff0f;color:inherit;display:flex;flex-direction:column;gap:.2rem;border:1px solid transparent;transition:all .2s ease}.nav-item small{color:#f8f4ee99}.nav-item:hover{background:#ffffff24}.nav-item.active{background:#f8f4eee6;color:#1b3a3d;border-color:#ffffffb3}.nav-item.active small{color:#1b3a3db3}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:1rem}.sidebar-footer strong{display:block;margin-top:.3rem}.main{padding:2.5rem}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.topbar-meta{display:flex;align-items:center;gap:1rem}.content{display:flex;flex-direction:column;gap:2rem}.panel{display:flex;flex-direction:column;gap:1.5rem;animation:fadeUp .6s ease}.panel-header{display:flex;justify-content:space-between;gap:1.5rem;align-items:center}.inline-select{display:flex;gap:.6rem;align-items:center;background:#1f2a2e0f;padding:.5rem .8rem;border-radius:999px}.stats-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{padding:1.3rem;border-radius:20px;background:var(--panel-strong);box-shadow:var(--shadow);border:1px solid rgba(31,42,46,.08);animation:floatIn .5s ease both}.stat-label{font-size:.85rem;color:var(--muted)}.stat-value{font-size:1.8rem;font-weight:700;margin:.4rem 0}.stat-meta{font-size:.75rem;color:var(--muted)}.tone-teal{background:linear-gradient(140deg,#2b6d6f1a,#fff)}.tone-amber{background:linear-gradient(140deg,#f2b25629,#fff)}.tone-sand{background:linear-gradient(140deg,#efe5d6cc,#fff)}.tone-coral{background:linear-gradient(140deg,#d76c4c1f,#fff)}.tone-violet{background:linear-gradient(140deg,#4e4b9e1f,#fff)}.tone-mint{background:linear-gradient(140deg,#71ccae1f,#fff)}.tone-navy{background:linear-gradient(140deg,#1f3b7a1f,#fff)}.split-layout{display:grid;gap:1.6rem;grid-template-columns:minmax(280px,420px) 1fr}.card{background:var(--panel-strong);border-radius:24px;padding:1.5rem;box-shadow:var(--shadow);border:1px solid rgba(31,42,46,.08)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.form-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full{grid-column:1 / -1}.table{display:grid;gap:.8rem}.table-head{display:grid;grid-template-columns:1.2fr .6fr .8fr;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.table-row{display:grid;grid-template-columns:1.2fr .6fr .8fr;gap:1rem;align-items:center;padding:.8rem 0;border-bottom:1px solid rgba(31,42,46,.08)}.table-row:last-child{border-bottom:none}.actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.empty{padding:1rem 0;color:var(--muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1100px){.split-layout{grid-template-columns:1fr}.table-head,.table-row{grid-template-columns:1fr;gap:.4rem}.actions{justify-content:flex-start}}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;flex-direction:row;flex-wrap:wrap;gap:1rem}.nav{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%}.sidebar-footer{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.topbar{flex-direction:column;align-items:flex-start;gap:.8rem}}@media(max-width:720px){.auth-panel{grid-template-columns:1fr;padding:1.8rem}.inline-select{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}.main{padding:1.5rem}}
