:root{color-scheme:light;--bg: #f4efe8;--panel: rgba(255, 250, 244, .88);--panel-strong: #fffdfa;--line: rgba(53, 40, 27, .12);--text: #2d241a;--muted: #6c6258;--accent: #bf5b2c;--accent-strong: #8f3c16;--success: #1d7d55;--shadow: 0 24px 60px rgba(73, 45, 20, .14);font-family:Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(191,91,44,.18),transparent 22%),linear-gradient(180deg,#f6f0e7 0%,#efe6db 100%)}button{border:0;border-radius:999px;padding:.85rem 1.15rem;color:#fff8f3;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);font:inherit;cursor:pointer}button.secondary{color:var(--text);background:rgba(191,91,44,.12)}button:disabled{cursor:not-allowed;opacity:.65}button.role-button{color:inherit}#root{min-height:100vh}.login-shell{display:grid;place-items:center;min-height:100vh;padding:2rem}.login-card{width:min(1040px,100%);padding:2rem;border:1px solid var(--line);border-radius:32px;background:rgba(255,250,244,.92);box-shadow:var(--shadow)}.login-card h1{margin:.35rem 0 1rem;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.login-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.login-option{display:grid;gap:.35rem;justify-items:flex-start;padding:1.2rem;color:var(--text);background:var(--panel-strong);border:1px solid var(--line);border-radius:24px}.login-option span,.login-option em{color:var(--muted);font-style:normal}.login-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:1rem;align-items:end}.login-form label{display:block;margin-bottom:.5rem;color:var(--muted)}.login-form input{width:100%;padding:.95rem 1rem;border:1px solid var(--line);border-radius:18px;background:#fffdfa;color:var(--text);font:inherit}.error-banner{margin:1rem 0 0;padding:1rem 1.1rem;border-radius:18px;background:rgba(143,19,19,.08);color:#8d2323}.page-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;justify-content:space-between;padding:2rem;background:rgba(45,36,26,.92);color:#f9ecde}.sidebar-copy{margin-top:1rem;color:#f9ecdebd;line-height:1.6}.session-card{display:grid;gap:.25rem;margin-top:1.25rem;padding:1rem;border-radius:20px;background:rgba(255,255,255,.08)}.session-card span,.session-card em{color:#f9ecdec2;font-style:normal}.sidebar h1{margin:.35rem 0 0;font-size:1.8rem;line-height:1.1}.sidebar-nav{display:grid;gap:.65rem}.sidebar-nav a{color:#f9ecdedb;text-decoration:none;padding:.8rem 1rem;border-radius:16px;transition:.16s ease}.sidebar-nav a.is-active,.sidebar-nav a:hover{color:#fffdf8;background:rgba(255,255,255,.1)}.role-switcher{display:grid;gap:.75rem}.role-button{justify-content:flex-start;text-align:left;background:rgba(255,255,255,.08)}.role-button.is-active{background:rgba(255,255,255,.18)}.sidebar-foot{display:grid;gap:.5rem;color:#f9ecdead;font-size:.9rem}.content{padding:2rem}.hero,.panel-grid,.stats-grid,.architecture-grid{display:grid;gap:1.25rem}.hero{grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);margin-bottom:1.5rem}.hero h2{margin:.4rem 0 .8rem;font-size:clamp(2rem,3.8vw,3.75rem);line-height:.98;max-width:12ch}.tone-client .hero h2{color:#7c3516}.tone-employee .hero h2{color:#1f5f50}.tone-admin .hero h2{color:#7d2d38}.lead{max-width:60ch;color:var(--muted);font-size:1.05rem}.hero-card,.card{border:1px solid var(--line);border-radius:28px;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-card{display:grid;align-content:start;gap:.85rem;padding:1.5rem}.pill{display:inline-flex;align-items:center;min-height:48px;padding:.85rem 1rem;border-radius:18px;background:var(--panel-strong);border:1px solid var(--line)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1.5rem}.card{padding:1.4rem}.stat-card strong{display:block;margin-top:.8rem;font-size:2rem}.card-label,.eyebrow,.trend,.row p,.architecture p{color:var(--muted)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.trend{margin-top:.45rem}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1.5rem}.panel-grid.two-columns{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr)}.card-header{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-header h3{margin:.25rem 0 0;font-size:1.35rem}.table{display:grid;gap:.9rem}.row{display:grid;grid-template-columns:minmax(0,1fr) 110px 90px;gap:1rem;align-items:center;padding:1rem;border-radius:22px;background:var(--panel-strong);border:1px solid var(--line)}.row-task{grid-template-columns:minmax(0,1.6fr) 120px 90px 80px 130px}.row-ticket,.row-client{grid-template-columns:minmax(0,1.6fr) 140px 120px 140px}.row strong{display:block;margin-bottom:.3rem}.row p{margin:0}.ghost-tag{display:inline-flex;justify-content:center;padding:.6rem .85rem;border-radius:999px;background:rgba(45,36,26,.06)}.timer{font-variant-numeric:tabular-nums;font-weight:700}.metric-stack{display:grid;gap:1rem}.metric-stack div,.settings-grid div,.profile-block div,.contact-card{padding:1rem;border:1px solid var(--line);border-radius:20px;background:var(--panel-strong)}.metric-stack span,.settings-grid span,.profile-block span,.contact-card span{display:block;margin-bottom:.4rem;color:var(--muted)}.metric-stack strong,.profile-block strong{font-size:1.25rem}.accent-card{background:linear-gradient(180deg,rgba(255,250,244,.92),rgba(251,240,231,.95)),var(--panel)}.profile-block,.contact-list,.toast-list,.settings-grid{display:grid;gap:1rem}.contact-list{margin-top:1rem}.contact-card p{margin:.35rem 0;color:var(--muted)}.toast-card{background:linear-gradient(180deg,rgba(255,250,244,.9),rgba(240,248,244,.95)),var(--panel)}.toast{padding:1rem 1.1rem;border-radius:18px;border:1px solid rgba(29,125,85,.14);background:rgba(29,125,85,.08)}.settings-card{margin-bottom:1.5rem}.spacer{height:1rem}.feature-list{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.feature-list span{padding:.65rem .9rem;border-radius:999px;background:rgba(191,91,44,.08)}.architecture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-grid div{padding:1rem;border-radius:20px;background:var(--panel-strong);border:1px solid var(--line)}@media (max-width: 1080px){.page-shell,.hero,.panel-grid,.panel-grid.two-columns,.stats-grid,.login-grid,.architecture-grid{grid-template-columns:1fr}.sidebar{gap:2rem}}@media (max-width: 720px){.content,.sidebar,.login-shell,.login-card{padding:1rem}.login-form,.row{grid-template-columns:1fr}.card-header{flex-direction:column;align-items:flex-start}}