:root{--bg:#07111f;--bg-2:#0b1527;--panel:#0e1626eb;--panel-2:#121c2ef2;--panel-soft:#ffffff0a;--line:#ffffff14;--line-strong:#ffffff24;--text:#f7f9fc;--muted:#9aacbf;--gold:#d4af37;--gold-2:#f2d36b;--blue:#78a7ff;--green:#36d399;--danger:#ff7f7f;--shadow:0 24px 80px #00000061;--radius:22px;--max:1280px}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at top left, #d4af371a, transparent 26%), radial-gradient(circle at 80% 20%, #78a7ff1c, transparent 22%), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{max-width:var(--max);margin:0 auto;padding:28px}.site-header{justify-content:space-between;align-items:center;gap:18px;padding-top:12px;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:12px;font-weight:900;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--gold), var(--gold-2));border-radius:14px;width:44px;height:44px;box-shadow:0 16px 40px #d4af3740}.nav-links,.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;transition:transform .18s,opacity .18s,border .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--gold), var(--gold-2));color:#161616;font-weight:800}.btn-ghost{color:var(--text);border:1px solid var(--line);background:#ffffff0a}.btn-danger{color:#ffd4d4;background:#ff7f7f1f;border:1px solid #ff7f7f2e}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;padding:68px 0 36px;display:grid}.hero h1{letter-spacing:-.045em;margin:0 0 18px;font-size:clamp(44px,6vw,78px);line-height:.95}.hero p{color:var(--muted);max-width:720px;margin:0;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-card,.card,.kpi{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px}.hero-card{background:linear-gradient(180deg, #d4af371a, #ffffff05), var(--panel);flex-direction:column;justify-content:center;min-height:360px;padding:26px;display:flex}.card{padding:24px}.card h3,.hero-card h3{margin-top:0;margin-bottom:12px}.card p,.hero-card p{color:var(--muted);margin:0;line-height:1.6}.section-title{letter-spacing:-.03em;margin:40px 0 18px;font-size:30px}.grid-2{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi{padding:18px}.kpi-label{color:var(--muted);margin-bottom:10px;font-size:13px}.kpi-value{letter-spacing:-.03em;font-size:28px;font-weight:900}.badge{border:1px solid var(--line);background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.badge.gold{color:#ffe8a5;background:#d4af3721;border-color:#d4af372e}.badge.blue{color:#deebff;background:#78a7ff24;border-color:#78a7ff2e}.badge.green{color:#d7ffee;background:#36d39921;border-color:#36d3992e}.feature-list{gap:12px;margin-top:18px;display:grid}.feature-item{background:var(--panel-soft);border:1px solid var(--line);border-radius:16px;padding:15px 16px}.feature-item strong{margin-bottom:6px;display:block}.form-card{background:var(--panel-2);border:1px solid var(--line);width:100%;max-width:520px;box-shadow:var(--shadow);border-radius:26px;margin:72px auto;padding:30px}.field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.label{color:var(--muted);font-size:14px}.input{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0a;border-radius:14px;outline:none;padding:13px 14px}.input:focus{border-color:#d4af3766;box-shadow:0 0 0 4px #d4af3714}.helper,.small{color:var(--muted);font-size:13px}.alert{border:1px solid var(--line);border-radius:16px;margin-top:16px;padding:14px 16px}.alert.error{color:#ffd7d7;background:#ff7f7f1a;border-color:#ff7f7f2e}.alert.success{color:#dcfff0;background:#36d3991a;border-color:#36d3992e}.alert.info{color:#dce8ff;background:#78a7ff1a;border-color:#78a7ff2e}.layout-dashboard{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#070c14f7;height:100vh;padding:24px 18px;position:sticky;top:0}.sidebar-section{margin-top:24px}.sidebar-title{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;font-size:12px}.side-link{border:1px solid #0000;border-radius:12px;margin-bottom:8px;padding:12px 14px;display:block}.side-link:hover{border-color:var(--line);background:#ffffff0a}.side-link.active{background:#d4af371c;border-color:#d4af372e}.main-area{padding:24px 28px 40px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.topbar h1{letter-spacing:-.03em;margin:0;font-size:32px}.topbar p{color:var(--muted);margin:8px 0 0}.table-wrap{border:1px solid var(--line);background:#121827d1;border-radius:18px;overflow:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:14px 16px}.table th{color:var(--muted);font-size:13px;font-weight:700}.calendar-board{gap:14px;display:grid}.calendar-day{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:20px;padding:18px}.calendar-day h3{margin-top:0;margin-bottom:14px}.calendar-slot{border-top:1px solid var(--line);grid-template-columns:110px 1fr;gap:14px;padding:14px 0;display:grid}.calendar-slot:first-child{border-top:0}.calendar-time{color:var(--gold-2);font-weight:800}.calendar-card{border:1px solid var(--line);background:#ffffff08;border-radius:16px;padding:14px}.calendar-card strong{margin-bottom:6px;display:block}.empty{color:var(--muted);padding:18px 0}.center-card{max-width:860px;margin:72px auto}.footer-mini{color:var(--muted);margin-top:30px;font-size:13px}@media (max-width:1100px){.hero,.grid-2,.grid-3,.kpis,.layout-dashboard{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:relative}.calendar-slot{grid-template-columns:1fr}}select.input option{color:#111!important;background:#fff!important}select.input{color:var(--text)}