:root{font-family:Manrope,sans-serif;color:#eef4f6;background:radial-gradient(circle at top left,rgba(28,204,204,.14),transparent 28%),radial-gradient(circle at 85% 0%,rgba(210,174,108,.14),transparent 24%),radial-gradient(circle at 50% 100%,rgba(45,96,184,.18),transparent 30%),linear-gradient(135deg,#07131b,#0c1621 45%,#11151d);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel: rgba(9, 18, 28, .74);--panel-strong: rgba(9, 18, 28, .94);--line: rgba(220, 232, 239, .12);--soft: #9db0bb;--accent: #d2ae6c;--accent-2: #1ccccc;--accent-3: #2d60b8;--danger: #ff7b7b;--dazzler: #1ccccc;--esplendor: #d2ae6c;--tryp: #2d60b8}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,table{font:inherit}#root{min-height:100vh}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:2rem;padding:2rem 1.25rem;border-right:1px solid var(--line);background:#040a127a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand h1{margin:.1rem 0;font-family:Playfair Display,serif;font-size:2rem;letter-spacing:.02em}.brand span,.brand-kicker,.panel-header p,.hero-copy,.stat-card p,.profile-card p,.timeline-item p,.sidebar-card small,.pipeline-item span{color:var(--soft)}.brand-kicker,.eyebrow,.hero-panel span,.stat-card span{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.nav{display:grid;gap:.55rem}.nav-item{display:flex;align-items:center;gap:.85rem;padding:.9rem .95rem;border:1px solid transparent;border-radius:18px;color:#e8f2ef;background:transparent;cursor:pointer;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.nav-item span{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:#ffffff14;font-size:.75rem}.nav-item:hover,.nav-item.active{transform:translate(4px);border-color:#d2ae6c5c;background:#ffffff0a}.sidebar-card,.panel,.hero-panel,.stat-card,.report-card,.brand-chip{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 60px #01050840}.sidebar-card{margin-top:auto;padding:1rem;border-radius:24px}.sidebar-card p,.sidebar-card strong{display:block;margin:0}.content{padding:2rem}.brand-strip{display:grid;gap:.7rem}.brand-chip{padding:.85rem .95rem;border-radius:20px}.brand-chip:nth-child(1){border-color:#1ccccc47;background:linear-gradient(135deg,#1ccccc1f,#ffffff08)}.brand-chip:nth-child(2){border-color:#d2ae6c47;background:linear-gradient(135deg,#d2ae6c1f,#ffffff08)}.brand-chip:nth-child(3){border-color:#2d60b84d;background:linear-gradient(135deg,#2d60b829,#ffffff08)}.brand-chip strong,.brand-chip span,.brand-chip small{display:block}.brand-chip span,.brand-chip small{color:var(--soft)}.hero{display:grid;grid-template-columns:1.6fr .9fr;gap:1rem;align-items:stretch}.hero h2{margin:.4rem 0 .7rem;max-width:12ch;font-family:Playfair Display,serif;font-size:clamp(2.5rem,3vw,4rem);line-height:.98}.hero-copy{max-width:60ch;margin:0;font-size:1rem}.hero-panel{padding:1.3rem;border-radius:28px;background:linear-gradient(140deg,rgba(28,204,204,.1),transparent 35%),linear-gradient(220deg,rgba(210,174,108,.1),transparent 40%),linear-gradient(160deg,#2d60b81f,#09121cd1)}.hero-panel strong{display:block;margin:.6rem 0;font-size:1.7rem}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1.4rem 0}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.report-card{padding:1rem 1.05rem;border-radius:24px}.report-card:nth-child(1){background:linear-gradient(135deg,#1ccccc1f,#09121cc2)}.report-card:nth-child(2){background:linear-gradient(135deg,#d2ae6c1f,#09121cc2)}.report-card:nth-child(3){background:linear-gradient(135deg,#2d60b824,#09121cc2)}.report-card span{display:block;color:var(--soft);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.report-card strong{display:block;margin:.45rem 0 .35rem;font-size:1.55rem}.report-card p{margin:0;color:#dce8e4}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.metric-box{padding:.9rem;border:1px solid var(--line);border-radius:18px;background:#ffffff08}.metric-box span,.detail-card p{color:var(--soft)}.metric-box span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.metric-box strong{display:block;margin:.45rem 0 .3rem;font-size:1.25rem}.metric-box p,.stack-item p{margin:0}.stack-list{display:grid;gap:.8rem}.stack-list.triple{grid-template-columns:repeat(3,minmax(0,1fr))}.stack-item,.detail-card,.kanban-column,.subinterface-card{padding:.95rem;border:1px solid var(--line);border-radius:18px;background:#ffffff08}.detail-card ul{margin:.75rem 0 0;padding-left:1rem}.form-preview strong{display:block;margin-bottom:.9rem}.fake-form{display:grid;gap:.7rem}.fake-field span{display:block;margin-bottom:.35rem;color:var(--soft);font-size:.86rem}.fake-field div{height:42px;border:1px solid var(--line);border-radius:14px;background:#ffffff0a}.primary-btn{margin-top:.9rem;padding:.85rem 1rem;border:0;border-radius:14px;background:linear-gradient(135deg,var(--esplendor),#b88b42);color:#11161d;font-weight:800;cursor:pointer}.kanban{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}.kanban-column span{display:block;margin-bottom:.8rem;color:#f8dcb0;font-size:.84rem;text-transform:uppercase;letter-spacing:.12em}.kanban-card,.chart-mock,.subinterface-card,.calendar-mock div,.funnel-mock div{border:1px dashed rgba(240,179,90,.24);background:#ffffff08}.kanban-card{height:88px;border-radius:14px;margin-bottom:.7rem}.kanban-card.small{height:62px}.chart-mock-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:.8rem}.chart-mock{min-height:150px;border-radius:18px}.chart-mock.tall{min-height:220px}.funnel-mock{display:grid;gap:.75rem}.funnel-mock div{padding:.8rem 1rem;border-radius:999px}.calendar-mock{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem}.calendar-mock div{min-height:54px;display:grid;place-items:center;border-radius:14px}.calendar-mock .active{background:#f0b35a1f}.subinterface-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.subinterface-card{min-height:86px;display:grid;place-items:center;text-align:center}.flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}.flow-node,.flow-pill{border:1px solid var(--line);background:#ffffff0a}.flow-node{padding:1rem;border-radius:18px}.flow-node strong{display:block;margin-bottom:.5rem}.flow-node p{margin:0;color:var(--soft)}.flow-line{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.flow-line.secondary{margin-top:.9rem}.flow-pill{padding:.7rem 1rem;border-radius:999px;font-weight:700}.flow-pill.subtle{font-weight:600;color:var(--soft)}.flow-arrow{color:var(--esplendor);font-weight:800}.stat-card{padding:1.1rem;border-radius:24px;overflow:hidden;position:relative}.stat-card:after{content:"";position:absolute;inset:auto -20% -45% auto;width:160px;height:160px;border-radius:999px;opacity:.45;filter:blur(10px)}.stat-card strong{display:block;margin-top:.45rem;font-size:1.9rem}.stat-card em{display:inline-block;margin-top:.35rem;font-style:normal;color:#fff7d9}.stat-card.emerald:after{background:#1ccccc47}.stat-card.amber:after{background:#d2ae6c4d}.stat-card.sky:after{background:#2d60b847}.stat-card.rose:after{background:#ff7b7b33}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.panel{padding:1.1rem;border-radius:28px}.span-2{grid-column:span 2}.panel-header h3{margin:0;font-size:1.05rem}.panel-header p{margin:.3rem 0 1rem;font-size:.92rem}.pipeline-list,.alerts-list,.timeline{display:grid;gap:.8rem}.pipeline-item,.alert-item,.timeline-item,.profile-card{border:1px solid var(--line);border-radius:18px;background:#ffffff08}.pipeline-item,.timeline-item{display:flex;justify-content:space-between;gap:1rem;padding:.95rem}.alert-item{padding:.95rem;border-left:3px solid var(--dazzler)}.timeline-item span{min-width:3.2rem;color:var(--esplendor);font-weight:700}.timeline-item strong{display:block;margin-bottom:.25rem}.profile-card{padding:1rem}.profile-card strong{display:block;margin-bottom:.5rem}.profile-card ul{margin:.85rem 0 0;padding-left:1rem;color:#dce8e4}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:.85rem .7rem;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{color:#f8dcb0;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}td{color:#ebf3f1}tbody tr:hover{background:#ffffff08}@media (max-width: 1160px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.hero,.stats-grid,.report-grid,.dashboard-grid,.metric-strip,.kanban,.chart-mock-grid,.subinterface-grid,.stack-list.triple,.flow-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}}@media (max-width: 680px){.content,.sidebar{padding:1rem}.hero h2{max-width:none;font-size:2.3rem}.nav-item{padding:.8rem}}