@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");:root{color-scheme:dark;--bg:#090909;--surface:#111;--surface-2:#171717;--surface-3:#202020;--border:#292929;--ink:#f7f5f4;--muted:#908d8b;--accent:#ed1822;--green:#35c977;--orange:#eea43a;--blue:#5b8cff;--sidebar:244px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,system-ui,sans-serif}button,input,select{font:inherit}a,button{transition:.18s ease}a,button{color:inherit}.button,.danger-button,.primary-button,.secondary-button{border:0;border-radius:9px;padding:.75rem 1rem;text-decoration:none;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.button,.primary-button{background:var(--accent);color:#fff}.button:hover,.primary-button:hover{background:#ff3038;transform:translateY(-1px)}.button-ghost,.secondary-button{background:transparent;border:1px solid var(--border);color:var(--ink)}.button-ghost:hover,.secondary-button:hover{background:var(--surface-2);border-color:#454545}.danger-button{background:#351114;color:#ff6268;border:1px solid #622126}.danger-button:hover{background:#4a171c}.eyebrow{color:#ff4d54;font-size:.7rem;letter-spacing:.18em;font-weight:800}.landing{max-width:1380px;margin:auto;padding:0 2.5rem 4rem}.landing-nav{height:104px;display:flex;align-items:center;justify-content:space-between}.landing-nav img{width:210px;height:auto}.landing-hero{min-height:720px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;grid-gap:5rem;gap:5rem}.landing-hero h1{font:800 clamp(3.7rem,6vw,6.5rem)/.96 Manrope,sans-serif;letter-spacing:-.075em;max-width:760px;margin:1.4rem 0}.landing-hero p{font-size:1.2rem;color:#aaa5a2;line-height:1.7;max-width:580px}.actions{display:flex;gap:.8rem;margin-top:2.2rem}.hero-preview{background:linear-gradient(145deg,#181818,#0e0e0e);border:1px solid #292929;border-radius:18px;padding:1.5rem;box-shadow:0 45px 100px #0009;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.preview-top{display:flex;gap:.4rem;margin-bottom:1.7rem}.preview-top span{width:8px;height:8px;border-radius:50%;background:#3c3c3c}.preview-top span:first-child{background:var(--accent)}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.8rem;gap:.8rem}.preview-grid div{background:#1c1c1c;padding:1rem;border-radius:10px}.preview-grid small{display:block;font-size:.55rem;color:#777;letter-spacing:.08em}.preview-grid strong{display:block;font:700 1.45rem Manrope;margin:.7rem 0}.preview-grid em{color:var(--green);font-style:normal;font-size:.65rem}.preview-chart{height:240px;margin-top:1rem;border-radius:12px;background:linear-gradient(180deg,#191919,#111);display:flex;align-items:flex-end;gap:7%;padding:2rem}.preview-chart i{flex:1 1;background:linear-gradient(#ff3840,#731016);border-radius:5px 5px 0 0;height:35%}.preview-chart i:nth-child(2){height:48%}.preview-chart i:nth-child(3){height:41%}.preview-chart i:nth-child(4){height:65%}.preview-chart i:nth-child(5){height:55%}.preview-chart i:nth-child(6){height:76%}.preview-chart i:nth-child(7){height:91%}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border)}.capabilities article{padding:2.5rem;border-right:1px solid var(--border);min-height:210px}.capabilities article:last-child{border:0}.capabilities article>span{color:var(--accent);font-family:monospace}.capabilities h2{font:700 1.4rem Manrope;margin:2rem 0 .5rem}.capabilities p{color:var(--muted)}.app-shell{min-height:100vh;background:#0c0c0c}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#0a0a0a;border-right:1px solid #222;padding:1.6rem 1rem;display:flex;flex-direction:column;z-index:20}.app-logo{display:block;padding:0 .6rem 1.5rem}.app-logo img{width:152px;height:auto}.workspace{display:flex;align-items:center;gap:.7rem;padding:.7rem;background:#141414;border:1px solid #242424;border-radius:9px;margin-bottom:1.3rem}.user>span,.workspace-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#321114;color:#ff5b62;font-size:.7rem;font-weight:800}.user div,.workspace div{min-width:0;flex:1 1}.user small,.user strong,.workspace small,.workspace strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user strong,.workspace strong{font-size:.78rem}.user small,.workspace small{font-size:.66rem;color:#777;margin-top:.15rem}.user b,.workspace b{color:#777;font-size:.8rem}.sidebar nav{display:flex;flex-direction:column;gap:.2rem}.sidebar nav button{border:0;background:none;color:#807d7c;border-radius:7px;text-align:left;padding:.68rem .8rem;display:flex;align-items:center;gap:.75rem;font-size:.82rem;cursor:pointer}.sidebar nav button i{font-style:normal;width:18px;text-align:center;font-size:1rem}.sidebar nav button em{margin-left:auto;background:#331115;color:#ff555c;border-radius:999px;padding:.08rem .42rem;font-style:normal;font-size:.65rem}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#1b1b1b}.sidebar nav button.active{box-shadow:inset 2px 0 var(--accent)}.sidebar-help{margin-top:auto;border:1px solid #272727;background:#141414;border-radius:9px;padding:.75rem;display:flex;align-items:center;gap:.7rem}.sidebar-help>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#252525;color:#aaa}.sidebar-help small,.sidebar-help strong{display:block;font-size:.7rem}.sidebar-help small{color:#777;margin-top:.15rem}.user{display:flex;align-items:center;gap:.65rem;margin-top:1rem;padding:.8rem .3rem 0;border-top:1px solid #242424}.user>span{border-radius:50%;background:#292929;color:#ddd}.app-main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:70px;border-bottom:1px solid #232323;background:#0d0d0de8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0 2rem;gap:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.search,.topbar{display:flex;align-items:center}.search{height:38px;gap:.6rem;background:#151515;border:1px solid #282828;border-radius:8px;padding:0 .7rem;max-width:440px;flex:1 1}.search span{font-size:1.2rem;color:#777}.search input{border:0;outline:0;background:transparent;color:#ddd;min-width:0;flex:1 1;font-size:.78rem}.search kbd{font:500 .62rem monospace;background:#222;color:#777;padding:.2rem .35rem;border-radius:4px}.topbar>.icon-button{margin-left:auto}.icon-button{width:37px;height:37px;border-radius:8px;background:#151515;border:1px solid #282828;position:relative;cursor:pointer}.icon-button i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);top:7px;right:7px}.topbar .primary-button{font-size:.76rem;padding:.67rem .9rem}.mobile-menu{display:none;background:none;border:0;font-size:1.2rem}.content{padding:2.2rem clamp(1.4rem,3vw,3rem) 4rem;max-width:1600px;margin:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem}.page-header>div>span{color:#6f6b69;font-size:.58rem;letter-spacing:.15em;font-weight:700}.page-header h1{font:700 clamp(1.7rem,3vw,2.3rem) Manrope;letter-spacing:-.045em;margin:.38rem 0}.page-header p{margin:0;color:var(--muted);font-size:.83rem}.page-header .primary-button,.page-header .secondary-button{font-size:.73rem}.metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.8rem;gap:.8rem}.metric{background:#131313;border:1px solid #252525;border-radius:10px;padding:1.15rem;min-width:0}.metric>span{color:#85817f;font-size:.66rem}.metric>div{display:flex;align-items:flex-end;justify-content:space-between;margin:.75rem 0}.metric strong{font:700 clamp(1.25rem,2vw,1.7rem) Manrope}.metric>small{color:#656261;font-size:.6rem}.metric>small b{color:var(--green);margin-right:.25rem}.mini-bars{height:35px;width:70px;display:flex;align-items:flex-end;gap:3px}.mini-bars i{flex:1 1;max-height:35px;background:#342124;border-radius:2px}.mini-bars i:nth-last-child(-n+2){background:#9e2026}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:.8rem;gap:.8rem;margin-top:.8rem}.panel{background:#131313;border:1px solid #252525;border-radius:10px;min-width:0}.panel-title{padding:1.1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242424}.panel-title h2{font:700 .85rem Manrope;margin:0 0 .23rem}.panel-title p{font-size:.62rem;color:#74716f;margin:0}.panel-title button{border:0;background:none;color:#c8484d;font-size:.62rem;cursor:pointer}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.68rem}th{text-align:left;color:#5f5c5b;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:.75rem 1rem;border-bottom:1px solid #202020}td{padding:.77rem 1rem;border-bottom:1px solid #1e1e1e;color:#aaa7a5;white-space:nowrap}tbody tr:last-child td{border-bottom:0}td strong{color:#eae8e7;font-size:.7rem}td small{display:block;color:#555;margin-top:.18rem;font-size:.55rem}td select{background:#202020;border:1px solid #333;color:#ddd;border-radius:6px;padding:.3rem;font-size:.62rem}.row-action{background:none;border:0;color:#666;cursor:pointer}.status{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.28rem .48rem;background:#202020;color:#aaa;font-size:.56rem}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-disponible,.status-entregado{color:#56d18b;background:#10271b}.status-en-transito,.status-enviado{color:#72a0ff;background:#121d32}.status-preparando{color:#dc9d49;background:#2c2111}.status-pendiente,.status-por-despachar,.status-stock-bajo{color:#ff656a;background:#321416}.chart-panel{padding-bottom:1rem}.big-number{display:flex;align-items:center;gap:.8rem;padding:1.1rem 1.2rem 0}.big-number strong{font:700 1.65rem Manrope}.big-number span{font-size:.6rem;color:var(--green);background:#10261a;border-radius:999px;padding:.25rem .45rem}.line-chart{height:190px;padding:.8rem 1.2rem 0}.line-chart svg{width:100%;height:145px;overflow:visible}.line-chart .area{fill:url(#fill)}.line-chart .line{fill:none;stroke:#f12831;stroke-width:2}.chart-days{display:flex;justify-content:space-between;color:#5d5a59;font-size:.55rem}.alert-list{padding:.4rem 1.1rem}.alert-list>div{display:flex;align-items:center;gap:.7rem;padding:.8rem 0;border-bottom:1px solid #202020}.alert-list>div:last-child{border:0}.product-icon{display:grid;place-items:center;width:33px;height:33px;background:#211719;border-radius:7px;color:#df4349}.alert-list div div{flex:1 1}.alert-list small,.alert-list strong{display:block;font-size:.66rem}.alert-list small{color:#5f5c5b;margin-top:.2rem}.alert-list b{font-size:.62rem;color:#ef6268}.delivery-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:#222}.delivery-stats div{background:#131313;padding:1.8rem 1rem;text-align:center}.delivery-stats span,.delivery-stats strong{display:block}.delivery-stats strong{font:700 1.7rem Manrope}.delivery-stats span{color:#777;font-size:.6rem;margin-top:.35rem}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.toolbar>span{color:#777;font-size:.65rem}.filter-tabs{display:flex;gap:.25rem}.filter-tabs button{background:transparent;border:1px solid transparent;color:#777;border-radius:7px;padding:.5rem .7rem;font-size:.67rem;cursor:pointer}.filter-tabs button.active{background:#211315;border-color:#4b1c20;color:#ff6b71}.table-panel{overflow:hidden}.table-panel table{font-size:.76rem}.table-panel td,.table-panel th{padding:1rem 1.2rem}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#131313;border:1px solid #252525;border-radius:10px;margin-bottom:1rem}.summary-strip div{padding:1.2rem;border-right:1px solid #252525}.summary-strip div:last-child{border:0}.summary-strip span,.summary-strip strong{display:block}.summary-strip span{color:#777;font-size:.65rem}.summary-strip strong{font:700 1.4rem Manrope;margin-top:.4rem}.danger-text{color:#ff646a}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.8rem;gap:.8rem}.product-card{background:#131313;border:1px solid #252525;border-radius:10px;overflow:hidden}.product-visual{height:135px;background:radial-gradient(circle at 60% 30%,#3b1b1d,#181313);display:grid;place-items:center;font:800 3.5rem Manrope;color:#e3343c}.product-card-body{padding:1rem}.product-card-body>span{font-size:.55rem;color:#a9474b;text-transform:uppercase;letter-spacing:.1em}.product-card h2{font:700 .86rem Manrope;margin:.45rem 0}.product-card small{color:#666;font-size:.58rem}.product-meta{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.product-meta strong{font-size:.85rem}.stock-control{display:flex;align-items:center;justify-content:space-between;background:#0e0e0e;border-radius:7px;margin-top:.9rem;padding:.3rem}.stock-control button{border:0;background:#242424;border-radius:5px;width:28px;height:28px;cursor:pointer}.stock-control b{font-size:.65rem}.customer-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.8rem;gap:.8rem}.customer-card{background:#131313;border:1px solid #252525;border-radius:10px;padding:1.3rem}.customer-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#311417;color:#ff686e;font-weight:800;font-size:.72rem}.customer-card h2{font:700 .9rem Manrope;margin:1rem 0 .2rem}.customer-card p,.customer-card small{font-size:.62rem;color:#777;margin:.2rem 0}.customer-card>div{display:flex;gap:1.2rem;border-top:1px solid #242424;margin-top:1rem;padding-top:1rem}.customer-card>div span{font-size:.56rem;color:#666}.customer-card>div b{display:block;color:#ddd;font-size:.7rem;margin-bottom:.2rem}.settings-grid{display:grid;grid-template-columns:1.3fr .7fr;grid-gap:.8rem;gap:.8rem}.settings-card{padding:1.3rem}.settings-card h2{font:700 1rem Manrope;margin:0 0 1rem}.settings-card>p{color:#777;font-size:.7rem;line-height:1.6}.modal label,.settings-card label{display:block;color:#8b8886;font-size:.64rem;margin-bottom:1rem}.modal input,.settings-card input,.settings-card select{display:block;width:100%;margin-top:.4rem;background:#0d0d0d;border:1px solid #292929;border-radius:7px;padding:.72rem;color:#ddd;outline:0}.modal input:focus,.settings-card input:focus,.settings-card select:focus{border-color:#8c2b30}.empty{text-align:center;padding:4rem 1rem;color:#666}.empty>span{font-size:2rem}.empty h3{color:#bbb;margin:.7rem 0 .2rem}.empty p{font-size:.7rem}.modal-backdrop{position:fixed;inset:0;background:#000b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;z-index:50;padding:1rem}.modal{width:min(480px,100%);background:#151515;border:1px solid #333;border-radius:14px;padding:1.8rem;box-shadow:0 30px 100px #000;position:relative}.modal-close{position:absolute;right:1rem;top:1rem;background:#242424;border:0;border-radius:7px;width:30px;height:30px;cursor:pointer}.modal h2{font:700 1.5rem Manrope;margin:.5rem 0}.modal>p{color:#777;font-size:.72rem;line-height:1.5;margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.8rem;gap:.8rem}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.5rem}.toast{position:fixed;right:1.5rem;bottom:1.5rem;background:#f2f0ef;color:#151515;padding:.8rem 1rem;border-radius:9px;box-shadow:0 15px 50px #0008;z-index:60;font-size:.74rem;font-weight:700;display:flex;gap:.5rem;align-items:center}.toast span{color:#16a45b}.nav-backdrop{display:none}@media(max-width:1100px){.customer-grid,.metrics,.product-grid{grid-template-columns:1fr 1fr}.landing-hero{grid-template-columns:1fr;gap:2rem;padding:4rem 0}.hero-preview{transform:none}.dashboard-grid{grid-template-columns:1fr}.landing-hero h1{max-width:900px}}@media(max-width:760px){:root{--sidebar:230px}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.is-open{transform:none}.nav-backdrop{display:block;position:fixed;inset:0;background:#0009;border:0;z-index:19}.app-main{margin-left:0}.mobile-menu{display:block}.topbar{padding:0 1rem}.topbar .primary-button{font-size:0;width:38px;height:38px;padding:0}.topbar .primary-button:first-letter{font-size:1rem}.search kbd{display:none}.content{padding:1.5rem 1rem 3rem}.page-header{align-items:flex-start}.page-header>button{white-space:nowrap}.landing{padding:0 1.2rem}.landing-nav{height:80px}.landing-nav img{width:170px}.landing-hero{min-height:auto}.landing-hero h1{font-size:3.2rem}.preview-grid{grid-template-columns:1fr}.preview-grid div:nth-child(n+2){display:none}.capabilities{grid-template-columns:1fr}.capabilities article{border-right:0;border-bottom:1px solid var(--border)}.capabilities article:last-child{border-bottom:0}.toolbar{align-items:flex-start;gap:1rem}.filter-tabs{overflow:auto;max-width:100%}.summary-strip{grid-template-columns:1fr}.summary-strip div{border-right:0;border-bottom:1px solid #252525}.settings-grid{grid-template-columns:1fr}}@media(max-width:520px){.customer-grid,.metrics,.product-grid{grid-template-columns:1fr}.page-header{display:block}.page-header>button{margin-top:1rem;width:100%}.topbar>.icon-button{display:none}.dashboard-grid{display:block}.dashboard-grid>.panel{margin-bottom:.8rem}.form-row{grid-template-columns:1fr}.toast{left:1rem;right:1rem;justify-content:center}.hero-preview{display:none}.landing-hero{padding:5rem 0}.actions{flex-direction:column}.delivery-stats strong{font-size:1.25rem}}.logout-button{border:0;background:transparent;color:#777;font-size:1rem;cursor:pointer;padding:.4rem}.logout-button:hover{color:#fff}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(380px,.9fr) 1.1fr;background:#0b0b0b}.auth-brand{padding:3rem clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:radial-gradient(circle at 15% 80%,#4a0c11 0,transparent 36%),#0a0909;border-right:1px solid #242424}.auth-brand:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #39181a;border-radius:50%;left:-230px;bottom:-180px;box-shadow:0 0 0 70px #1d0d0e80,0 0 0 140px #160b0c60}.auth-brand>a,.auth-brand>div,.auth-brand>small{position:relative;z-index:1}.auth-brand img{width:210px;height:auto}.auth-brand h1{font:800 clamp(3rem,5vw,5.7rem)/.96 Manrope;letter-spacing:-.07em;margin:1.4rem 0}.auth-brand p{color:#9e9996;max-width:470px;line-height:1.7}.auth-brand>small{color:#5d5957;font-size:.65rem}.auth-form-wrap{display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 100% 0,#2a0b0e40,transparent 35%)}.auth-card{width:min(460px,100%)}.auth-lock{display:grid;place-items:center;width:42px;height:42px;border:1px solid #3a2526;background:#211315;color:#ff5960;border-radius:11px;margin-bottom:1.5rem}.auth-card h2{font:700 2rem Manrope;letter-spacing:-.04em;margin:0}.auth-card>p{color:#777;font-size:.8rem;margin:.5rem 0 1.6rem}.social-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.55rem;gap:.55rem}.social-grid button{height:44px;background:#151515;border:1px solid #2b2b2b;border-radius:8px;color:#ccc;cursor:pointer;font-size:.72rem;display:flex;align-items:center;justify-content:center;gap:.55rem}.social-grid button:last-child{grid-column:1/-1}.social-grid button:hover:not(:disabled){background:#202020;border-color:#444}.social-grid button:disabled{opacity:.38;cursor:not-allowed}.social-grid b{font-size:.9rem;color:#fff}.auth-divider{display:flex;align-items:center;gap:.8rem;color:#5d5a59;font-size:.62rem;margin:1.4rem 0}.auth-divider:after,.auth-divider:before{content:"";height:1px;background:#292929;flex:1 1}.auth-card form label,.simple-auth form label{display:block;color:#aaa6a3;font-size:.68rem;margin-bottom:1rem}.auth-card form label small{color:#5e5a58}.auth-card input,.simple-auth input{display:block;width:100%;margin-top:.4rem;background:#111;border:1px solid #303030;border-radius:8px;padding:.8rem;color:#eee;outline:none}.auth-card input:focus,.simple-auth input:focus{border-color:#9e3036;box-shadow:0 0 0 3px #55191c44}.auth-submit{width:100%;border:0;border-radius:8px;padding:.82rem;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-links{display:flex;justify-content:space-between;margin-top:1rem}.auth-links a,.auth-links button{border:0;background:none;color:#b64c51;font-size:.66rem;text-decoration:none;cursor:pointer;padding:0}.auth-note{border-top:1px solid #252525;padding-top:1.1rem!important;text-align:center;font-size:.62rem!important}.auth-error,.auth-success{border-radius:8px;padding:.75rem;margin:0 0 1rem;font-size:.68rem}.auth-error{background:#361316;border:1px solid #652126;color:#ff767b}.auth-success{background:#10271b;border:1px solid #205938;color:#66da98}.auth-success p{margin:.3rem 0 0;color:#91b8a1}.simple-auth{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 50% 20%,#3a0c10,transparent 35%),#0b0b0b}.simple-auth>div{width:min(440px,100%);padding:2rem;background:#151515;border:1px solid #2c2c2c;border-radius:14px;text-align:center}.simple-auth>div>span{display:grid;place-items:center;margin:0 auto 1rem;width:48px;height:48px;border-radius:50%;background:#321416;color:#ff646a;font-size:1.2rem}.simple-auth h1{font:700 1.7rem Manrope;margin:.5rem}.simple-auth p{color:#888;font-size:.75rem;line-height:1.6}.simple-auth form{text-align:left;margin:1.5rem 0}.simple-auth a{display:inline-block;color:#c64d52;font-size:.7rem;margin-top:1rem;text-decoration:none}@media(max-width:820px){.auth-page{grid-template-columns:1fr}.auth-brand{display:none}.auth-form-wrap{min-height:100vh}.social-grid{grid-template-columns:1fr}.social-grid button:last-child{grid-column:auto}}.security-card form{margin-top:1rem}.secret-box{background:#0b0b0b;border:1px solid #292929;border-radius:8px;padding:.8rem;margin:1rem 0}.secret-box a,.secret-box code,.secret-box small{display:block}.secret-box small{color:#777;font-size:.6rem}.secret-box code{color:#ff676d;font-size:.7rem;word-break:break-all;margin:.5rem 0}.secret-box a{color:#b74b50;font-size:.62rem}.settings-message{color:#61d392!important}.permission-list{display:flex;flex-wrap:wrap;gap:.4rem}.permission-list code{background:#211315;color:#d85a60;border:1px solid #3b2022;border-radius:999px;padding:.3rem .5rem;font-size:.56rem}