:root{color-scheme:light;--coral: #e8421a;--coral-light: #ff5f3a;--coral-dark: #bf3416;--ink: #1a1410;--cream: #f7efe2;--cream-2: #fdf8ef;--card: #fffdf8;--text-dark: #1a1410;--text-muted: #4a3f37;--on-coral: #fff8ef;--sh-ink-sm: 4px 4px 0 0 var(--ink);--sh-ink: 6px 6px 0 0 var(--ink);--font-display: "Barlow Condensed", "Arial Narrow", sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--accent: var(--coral);--ink-60: var(--text-muted);--ink-40: rgba(74, 63, 55, .75);--ink-15: var(--ink);--accent-20: rgba(232, 66, 26, .35)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--text-dark);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:1.05;margin:0}h1{font-size:42px}h2{font-size:28px}.kicker{font-family:var(--font-body);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:var(--coral)}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--cream-2);border-right:2px solid var(--ink);padding:24px 16px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}.sidebar{transition:width .18s ease}.sidebar.fechada{width:64px;padding:24px 10px}.sidebar.fechada .rotulo-nav{display:none}.sidebar.fechada .nav-item{justify-content:center;padding:10px 8px}.sidebar.fechada .sidebar-logo{justify-content:center;padding:0 0 20px}.sidebar.fechada .sidebar-footer{justify-content:center;padding:12px 0}.sidebar.fechada:hover{width:232px;padding:24px 16px}.sidebar.fechada:hover .rotulo-nav{display:inline}.sidebar.fechada:hover .nav-item{justify-content:flex-start;padding:10px 12px}.sidebar.fechada:hover .sidebar-logo{justify-content:flex-start}.sidebar.fechada:hover .sidebar-footer{justify-content:space-between;padding:12px}.sidebar-logo{display:flex;align-items:center;gap:8px;padding:0 12px 20px;font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:19px;letter-spacing:.02em;line-height:1}.sidebar-logo .star{color:var(--coral);display:flex;transition:transform .3s ease}.sidebar-logo:hover .star{transform:rotate(180deg) scale(1.12)}.sidebar-logo:hover{color:var(--coral)}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:2px solid transparent;color:var(--text-muted);text-decoration:none;font-weight:700;transition:all .15s ease}.nav-item:hover{border-color:var(--ink);background:var(--card);color:var(--ink)}.nav-item.active{background:var(--coral);border-color:var(--ink);color:var(--on-coral);box-shadow:var(--sh-ink-sm)}.nav-item.active svg{color:var(--on-coral)}.sidebar-footer{margin-top:auto;padding:12px;font-size:12px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between;gap:8px}.main{flex:1;padding:40px 48px;max-width:1200px}.page-header{margin-bottom:32px}.page-header .kicker{display:block;margin-bottom:6px}.card{background:var(--card);border:2px solid var(--ink);border-radius:16px;padding:32px;box-shadow:var(--sh-ink-sm);transition:transform .15s ease,box-shadow .15s ease}a .card:hover{transform:translate(-2px,-2px);box-shadow:var(--sh-ink)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;border:2px solid var(--ink);font-family:var(--font-body);font-size:14px;font-weight:800;cursor:pointer;text-decoration:none;box-shadow:var(--sh-ink-sm);transition:transform .12s ease,box-shadow .12s ease}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 0 var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--coral);color:var(--on-coral)}.btn-primary:hover{background:var(--coral-dark)}.btn-primary svg{color:var(--on-coral)}.btn-ghost{background:var(--card);color:var(--ink)}.btn-ghost:hover{background:var(--cream-2)}input[type=checkbox],input[type=radio]{accent-color:var(--coral)}.scroll-suave{scrollbar-width:thin;scrollbar-color:rgba(26,20,16,.25) transparent}.scroll-suave::-webkit-scrollbar{height:6px;width:6px}.scroll-suave::-webkit-scrollbar-track{background:transparent}.scroll-suave::-webkit-scrollbar-thumb{background:#1a141038;border-radius:3px}.scroll-suave::-webkit-scrollbar-thumb:hover{background:#1a141066}.opcao-forma:hover{background:var(--coral)!important;color:var(--on-coral, #fff)!important}.opcao-forma:hover span{background:var(--on-coral, #fff)!important}.btn-flat{border:1px solid rgba(26,20,16,.35);box-shadow:none;background:var(--card);color:var(--ink)}.btn-flat:hover{background:var(--cream-2);border-color:var(--ink)}.btn-flat:active{transform:none;box-shadow:none;background:var(--cream)}input,textarea,select{background:var(--card);border:2px solid var(--ink);border-radius:8px;color:var(--text-dark);font-family:var(--font-body)}input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px var(--accent-20)}.empty-state{border:2px dashed var(--ink);border-radius:16px;padding:64px 32px;text-align:center;color:var(--text-muted);font-weight:600;background:var(--cream-2)}.empty-state .mono{font-family:var(--font-mono);font-size:12px;margin-top:8px;display:block;color:var(--ink-40)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px}.login-card{background:var(--card);border:2px solid var(--ink);border-radius:16px;box-shadow:var(--sh-ink);padding:48px;text-align:center;max-width:380px}.login-card h1{margin:12px 0 4px;font-size:36px}.login-card p{color:var(--text-muted);margin:0 0 28px;font-weight:600}::selection{background:var(--coral);color:var(--on-coral)}
