@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--paper: #f7f2e7;--paper-strong: #efe6d1;--ink: #1f232b;--ink-soft: #4b5563;--line: #d9ccb2;--accent: #b91c1c;--accent-soft: #fca5a5;--amber: #b45309;--teal: #0f766e;--mono: "IBM Plex Mono", monospace;--body: "Manrope", sans-serif;--display: "Bebas Neue", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--body);color:var(--ink);background:radial-gradient(circle at 10% 10%,#fff8ea 0%,var(--paper) 40%,#f2e6d1 100%);line-height:1.35}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body:before{background:radial-gradient(40rem 20rem at 90% -10%,rgba(185,28,28,.14),transparent 70%),radial-gradient(30rem 18rem at -5% 100%,rgba(15,118,110,.12),transparent 70%)}body:after{background-image:linear-gradient(to right,rgba(31,35,43,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(31,35,43,.035) 1px,transparent 1px);background-size:44px 44px;opacity:.35}a{color:inherit;text-decoration:none}button,input{font-family:inherit}.page{position:relative;z-index:1;min-height:100vh}.lions-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(1rem,2.2vw,2rem) 0 2.5rem;animation:pageRise .55s ease}.surface{border:1px solid var(--line);border-radius:22px;background:linear-gradient(165deg,#fffcf6f0,#f4ead8f5);box-shadow:0 22px 40px -30px #191e2985}.section-title{margin:0;font-family:var(--display);letter-spacing:.08em;font-weight:400;font-size:clamp(2rem,4.5vw,3.2rem);line-height:.9}.section-subtitle{margin:.5rem 0 0;color:var(--ink-soft);font-size:.95rem;font-weight:600}.label-chip{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;border:1px solid var(--line);background:#ffffffb3;padding:.4rem .8rem;font:600 .72rem var(--mono);text-transform:uppercase;letter-spacing:.06em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:12px;border:1px solid transparent;padding:.72rem 1.05rem;font-size:.83rem;font-weight:700;letter-spacing:.03em;transition:transform .14s ease,box-shadow .14s ease,background .14s ease;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.btn-primary{background:linear-gradient(125deg,#c1121f,#e74c3c);color:#fff;box-shadow:0 14px 20px -15px #b91c1cbf}.btn-muted{background:#1f232b14;border-color:#1f232b2b;color:var(--ink)}.field-group{display:grid;gap:.45rem}.field-label{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#444b57}.field-input{width:100%;border:1px solid rgba(31,35,43,.18);background:#fffc;color:var(--ink);border-radius:12px;padding:.8rem .9rem;font-size:.94rem;transition:border-color .14s ease,box-shadow .14s ease}.field-input:focus{outline:none;border-color:#b91c1c8f;box-shadow:0 0 0 3px #b91c1c21}.error-box{border-radius:12px;border:1px solid rgba(185,28,28,.28);background:#fee2e2bf;color:#991b1b;padding:.72rem .85rem;font-size:.82rem;font-weight:600}.login-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:1rem;align-items:stretch}.login-hero,.login-panel{padding:clamp(1.2rem,2.2vw,2rem)}.login-hero{display:grid;align-content:space-between;min-height:min(76vh,660px);background:linear-gradient(150deg,#fff7ede6,#fee2e2b8),radial-gradient(80% 120% at 80% 20%,rgba(185,28,28,.16),transparent 70%)}.brand-mark{width:62px;height:62px;border-radius:16px;background:linear-gradient(145deg,#7f1d1d,#dc2626);color:#fff;display:grid;place-items:center;font-family:var(--display);font-size:2.1rem;letter-spacing:.04em;box-shadow:0 14px 24px -16px #7f1d1dcc}.pulse-dot{width:10px;height:10px;border-radius:999px;background:#dc2626;animation:pulse 1.6s ease-in-out infinite}.login-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.login-kpi{border:1px solid var(--line);border-radius:14px;background:#ffffff9e;padding:.75rem}.login-kpi strong{display:block;font-family:var(--display);letter-spacing:.04em;font-size:1.35rem}.login-kpi span{color:var(--ink-soft);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.topbar-actions{display:flex;flex-wrap:wrap;gap:.55rem}.metrics-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.75rem}.metrics-grid>*{grid-column:span 4}.panel-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.85rem;margin-top:.85rem}.panel-main{grid-column:span 8;display:grid;gap:.85rem}.panel-side{grid-column:span 4}.module-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.85rem;margin-top:.85rem}.module-grid>*{grid-column:span 6}.panel-card{padding:1rem}.card-title{margin:0;font-size:.88rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#3f4653}.live-list{margin-top:.65rem;display:grid;gap:.42rem;max-height:280px;overflow:auto;padding-right:.2rem}.live-item{border:1px solid rgba(185,28,28,.22);border-radius:12px;background:#fee2e2bf;padding:.55rem;animation:slideIn .24s ease}.live-item strong{display:block;color:#991b1b;font:600 .72rem var(--mono);text-transform:uppercase}.live-item span{display:block;margin-top:.2rem;color:#4b5563;font-size:.76rem}.metric-card{border:1px solid var(--line);border-radius:16px;background:#ffffffb8;padding:.9rem;box-shadow:0 14px 24px -24px #1e232fbf}.metric-label{display:block;color:#596273;text-transform:uppercase;letter-spacing:.07em;font-weight:800;font-size:.7rem}.metric-value{margin-top:.35rem;font-size:clamp(1.35rem,2.5vw,2rem);font-family:var(--display);letter-spacing:.04em;line-height:.95}.metric-neutral .metric-value{color:#0f172a}.metric-warning .metric-value{color:var(--amber)}.metric-danger .metric-value{color:#b91c1c}.metric-success .metric-value{color:var(--teal)}.badge-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}.rupture-chip{border:1px solid rgba(185,28,28,.25);border-radius:999px;background:#fee2e2b8;color:#991b1b;padding:.36rem .64rem;font:700 .68rem var(--mono);text-transform:uppercase}.alert-badge{border-radius:12px;border:1px solid rgba(31,35,43,.16);background:#ffffffb8;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.55rem .65rem}.alert-head{display:inline-flex;align-items:center;gap:.45rem;font:700 .72rem var(--mono);letter-spacing:.05em;text-transform:uppercase}.alert-copy{margin-top:.22rem;color:#4b5563;font-size:.79rem;font-weight:600}.alert-time{color:#6b7280;font:500 .7rem var(--mono)}.alert-red{border-color:#b91c1c3d;background:#fee2e2bd}.alert-red .alert-head{color:#991b1b}.alert-yellow{border-color:#b4530942;background:#fef3c7b3}.alert-yellow .alert-head{color:#9a3412}.planogram-grid{margin-top:.7rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.plano-item{border-radius:14px;border:1px solid transparent;background:#ffffffb3;padding:.65rem}.plano-item h5{margin:0;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.plano-item strong{display:block;margin-top:.35rem;font-family:var(--display);font-size:1.45rem;letter-spacing:.02em}.plano-good{border-color:#0f766e3d;background:#ccfbf18c;color:#115e59}.plano-warn{border-color:#b4530940;background:#fef3c7a6;color:#9a3412}.plano-bad{border-color:#b91c1c3d;background:#fee2e2b8;color:#991b1b}.finance-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.8rem}.finance-grid>*{grid-column:span 6}.finance-highlight{border:1px solid var(--line);border-radius:18px;padding:1rem;background:#ffffffb8}.finance-highlight small{font:700 .7rem var(--mono);text-transform:uppercase;letter-spacing:.06em}.finance-highlight strong{display:block;margin-top:.45rem;font-family:var(--display);font-size:clamp(2rem,4vw,3rem);line-height:.84}.toast{position:fixed;right:1rem;top:1rem;z-index:60;min-width:min(330px,calc(100vw - 2rem));border-radius:14px;border:1px solid rgba(185,28,28,.3);background:#fff7f7f2;box-shadow:0 18px 24px -20px #b91c1cb3;padding:.8rem;animation:dropIn .24s ease}.toast strong{font:700 .72rem var(--mono);color:#991b1b;text-transform:uppercase;letter-spacing:.05em}.toast p{margin:.3rem 0 0;font-size:.8rem;color:#4b5563}@keyframes pulse{0%,to{transform:scale(.9);opacity:.7}50%{transform:scale(1.2);opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pageRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1080px){.login-grid{grid-template-columns:1fr}.login-hero{min-height:auto}.panel-main,.panel-side,.module-grid>*{grid-column:span 12}.metrics-grid>*{grid-column:span 6}.finance-grid>*{grid-column:span 12}}@media(max-width:680px){.lions-shell{width:min(1180px,calc(100% - 1rem));padding-top:.75rem}.topbar{flex-direction:column}.topbar-actions{width:100%}.topbar-actions .btn{flex:1}.metrics-grid>*{grid-column:span 12}.login-kpis,.planogram-grid{grid-template-columns:1fr}}