@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@500;600;700&family=Sora:wght@300;400;500;600;700&display=swap";:root{--bg: #f7f4ef;--bg-alt: #f1ece4;--card: #ffffff;--surface: #fffaf3;--text: #1d1b1f;--muted: #6b6a6f;--accent: #ff8a3d;--accent-2: #12a3a5;--danger: #e45858;--warning: #f1a73b;--success: #2aa876;--border: rgba(26, 22, 32, .08);--shadow: 0 18px 40px rgba(31, 24, 36, .12);--shadow-soft: 0 10px 24px rgba(31, 24, 36, .08)}*{box-sizing:border-box}body{margin:0;font-family:Sora,sans-serif;background:radial-gradient(900px 500px at 8% 4%,rgba(18,163,165,.18),transparent 60%),radial-gradient(900px 500px at 95% 0%,rgba(255,138,61,.16),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg-alt));color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#ffffffeb;border-right:1px solid var(--border);padding:32px 24px;display:flex;flex-direction:column;gap:24px;box-shadow:10px 0 40px #1f18240d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar h1{font-family:Fraunces,serif;font-size:26px;margin:0}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;color:var(--muted);transition:all .2s ease;border:1px solid transparent}.nav-link.active,.nav-link:hover{color:var(--text);background:var(--surface);border-color:#ff8a3d2e;box-shadow:var(--shadow-soft)}.main{padding:32px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card{background:var(--card);border-radius:22px;padding:20px;box-shadow:var(--shadow);border:1px solid var(--border)}.card.soft{background:var(--surface);box-shadow:var(--shadow-soft)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.metric{display:flex;flex-direction:column;gap:6px}.metric h3{margin:0;font-size:14px;color:var(--muted)}.metric span{font-size:26px;font-weight:600}.badge{padding:6px 10px;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.badge.success{background:#2aa87629;color:var(--success)}.badge.warning{background:#f1a73b2e;color:var(--warning)}.badge.danger{background:#e4585829;color:var(--danger)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-weight:600;background:#1a162008}.table tbody tr:hover{background:#12a3a50f}.button{padding:10px 18px;border-radius:14px;border:none;background:linear-gradient(135deg,#ff8a3d,#ffb55c);color:#20120a;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 24px #ff8a3d38}.button.secondary{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}.button:hover{transform:translateY(-2px);box-shadow:0 16px 28px #ff8a3d3d}.button.secondary:hover{box-shadow:var(--shadow-soft)}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,92vw)}.input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#fffdf8;color:var(--text);transition:border .2s ease,box-shadow .2s ease}.input:focus{outline:none;border-color:#12a3a566;box-shadow:0 0 0 3px #12a3a526}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.alerts-list{display:grid;gap:12px}.page{display:grid;gap:18px}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px}.page-title{margin:0;font-size:clamp(24px,3vw,36px);font-family:Fraunces,serif}.page-subtitle{margin:8px 0 0;color:var(--muted);max-width:680px}.page-actions{display:flex;flex-wrap:wrap;gap:12px}.pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#12a3a51f;color:var(--accent-2);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.page-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px}.list{display:grid;gap:12px}.list-item{display:flex;gap:12px;align-items:flex-start}.list-index{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;font-weight:600;color:var(--accent-2);background:#12a3a51f}.info-table{display:grid;gap:10px}.info-row{display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.info-row strong{color:var(--text);font-weight:600}.code-box{border:1px solid var(--border);background:#fffdf8;padding:10px 12px;border-radius:12px;font-size:12px;word-break:break-all}.landing{display:flex;flex-direction:column;gap:80px;padding:32px 6vw 60px}.landing-header{display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#12a3a5b3,#ff8a3de6);color:#1b1210;font-weight:700;letter-spacing:.08em;box-shadow:var(--shadow-soft)}.brand-name{margin:0;font-family:Fraunces,serif;font-size:26px}.brand-subtitle{margin:4px 0 0;color:var(--muted);font-size:14px}.landing-nav{display:flex;align-items:center;gap:16px}.landing-nav a{color:var(--muted);font-size:14px}.landing-nav a:hover{color:var(--text)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;align-items:center}.hero-text h1{font-size:clamp(32px,4vw,52px);margin:12px 0 18px;line-height:1.1}.eyebrow{display:inline-block;padding:6px 12px;border-radius:999px;background:#12a3a51f;color:var(--accent-2);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.accent-text{color:var(--accent);font-family:Fraunces,serif}.hero-text p{color:var(--muted);font-size:16px;max-width:560px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.hero-stats{display:flex;flex-wrap:wrap;gap:12px}.stat-chip{background:var(--card);border-radius:16px;padding:14px 16px;min-width:170px;box-shadow:var(--shadow-soft);border:1px solid var(--border)}.stat-chip span{display:block;font-weight:600}.stat-chip small{color:var(--muted)}.hero-board{position:relative}.hero-card{position:relative;z-index:2;background:#ffffffeb;border-radius:24px;padding:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:float 6s ease-in-out infinite;border:1px solid var(--border)}.hero-card-title{margin:0 0 18px;color:var(--muted)}.hero-metric h3{margin:0;font-size:32px}.hero-metric span{color:var(--muted);font-size:14px}.hero-list{display:grid;gap:14px;margin-top:18px}.hero-list strong{display:block;margin-bottom:4px}.hero-list p{margin:0;color:var(--muted);font-size:14px}.hero-glow{position:absolute;top:10%;right:0;bottom:0;left:0;border-radius:30px;background:radial-gradient(circle at 30% 20%,rgba(18,163,165,.28),transparent 60%),radial-gradient(circle at 80% 10%,rgba(255,138,61,.25),transparent 65%);filter:blur(30px);opacity:.7}.section{display:grid;gap:18px}.section h2{font-size:clamp(28px,3vw,40px);margin:0}.section-subtitle{color:var(--muted);max-width:640px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.feature-card{background:var(--card);border-radius:18px;padding:20px;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.feature-card h3{margin:0 0 8px}.feature-card p{margin:0;color:var(--muted)}.flow{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center}.steps{display:grid;gap:12px;margin-top:18px}.step-card{background:var(--surface);border-radius:16px;padding:16px;border:1px solid var(--border)}.step-card h4{margin:0 0 6px}.step-card p{margin:0;color:var(--muted)}.flow-panel{background:var(--card);border-radius:22px;padding:24px;display:grid;gap:16px;box-shadow:var(--shadow);border:1px solid var(--border)}.flow-row{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.flow-row strong{color:var(--text);font-size:18px}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.security-card{background:var(--card);border-radius:18px;padding:20px;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.security-card p{color:var(--muted)}.cta{background:linear-gradient(135deg,#12a3a529,#ff8a3d2e);border-radius:26px;padding:28px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.cta-actions{display:flex;flex-wrap:wrap;gap:12px}.landing-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:14px;border-top:1px solid var(--border);padding-top:18px}.reveal{animation:fade-up .7s ease both}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.page-grid{grid-template-columns:1fr}}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap}.landing-header{flex-direction:column;align-items:flex-start}.landing-nav{flex-wrap:wrap;justify-content:flex-start}}