:root{--navy:#08044D;--blue:#1C159F;--sky:#82A3D4;--ink:#181A31;--text:#27283D;--muted:#85899B;--border:#E9EBF2;--canvas:#F6F7FB;--white:#FFF;--purple:#6B5AE8;--shadow:0 10px 35px rgba(24,27,65,.035)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;font:14px/1.5 "Ubuntu","Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.55}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(28,21,159,.2);outline-offset:2px}
input,select,textarea{color:var(--ink)}
a{color:inherit}
.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(420px,55%) minmax(390px,45%);background:#fff}
.login-left{background:linear-gradient(145deg,#08044D 5%,#15105C 56%,#202099 110%);color:white;position:relative;overflow:hidden;min-height:700px;padding:40px clamp(38px,5.5vw,105px);display:flex;flex-direction:column;justify-content:space-between}
.login-left:before{content:"";position:absolute;inset:18% -35% auto auto;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.30),transparent 67%);pointer-events:none}
.login-left:after{content:"";position:absolute;right:-215px;bottom:-375px;width:790px;height:790px;border:1px solid rgba(187,202,255,.11);border-radius:50%;box-shadow:0 0 0 130px rgba(187,202,255,.035),0 0 0 270px rgba(187,202,255,.018);pointer-events:none}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;position:relative;z-index:1}
.brand img{width:48px;height:48px;object-fit:contain;filter:brightness(1.5);border-radius:10px}
.brand-copy{display:flex;flex-direction:column;line-height:1.25;gap:5px}
.brand-copy strong{font-weight:800;font-size:17px;letter-spacing:-.7px;color:#fff}
.brand-copy strong span{font-weight:450;color:#BAC5F8}
.brand-copy small{font-size:9px;letter-spacing:2.15px;color:#A1ADDB;font-weight:650}
.brand-lg img{width:57px;height:57px}
.brand-lg .brand-copy strong{font-size:21px}
.login-pitch{z-index:1;position:relative;margin-top:-25px}
.eyebrow{color:var(--blue);font-size:10px;font-weight:850;letter-spacing:2px}
.eyebrow.bright{color:#ABB3F9}
.login-pitch h1{font-size:clamp(44px,4.8vw,75px);font-weight:850;line-height:1.09;letter-spacing:-3px;margin:19px 0 24px}
.login-pitch h1 em{font-style:normal;color:#A7BFFF}
.login-pitch p{font-size:17px;color:#BEC7EA;max-width:500px;line-height:1.8;margin:0}
.login-orbs{display:flex;margin-top:52px}
.login-orbs span{display:grid;place-items:center;width:53px;height:53px;border-radius:16px;background:rgba(240,242,255,.10);border:1px solid rgba(245,247,255,.16);color:#fff;font-weight:800;font-size:17px;margin-right:12px;backdrop-filter:blur(8px)}
.login-footer{position:relative;z-index:1;color:#8796D5;font-size:12px;letter-spacing:.2px}
.login-footer span{padding:0 9px}
.login-right{display:flex;align-items:center;justify-content:center;padding:45px 30px}
.login-card{width:min(100%,425px)}
.login-tag{font-size:11px;letter-spacing:1.3px;font-weight:800;color:#4D45B8;display:flex;align-items:center;gap:9px;margin-bottom:18px}
.dot{width:8px;height:8px;border-radius:50%;background:#7466FA;box-shadow:0 0 0 5px #ECEAFF}
.login-card h2{font-size:32px;letter-spacing:-1.3px;line-height:1.2;margin:0 0 9px;color:#17182E}
.login-card p{margin:0 0 34px;color:#828596;font-size:15px}
label{font-size:12px;font-weight:750;color:#3E415A;display:block;margin-bottom:10px}
.login-card label{margin:21px 0 8px}
.login-card input,.form-field input,.form-field textarea,.upload-select select{width:100%;border:1px solid #E2E5EF;background:#fff;border-radius:11px;padding:14px 15px;transition:border .15s,box-shadow .15s;outline:none;font-size:14px}
.login-card input:focus,.form-field input:focus,.form-field textarea:focus,.upload-select select:focus{border-color:#7973DA;box-shadow:0 0 0 4px rgba(28,21,159,.075)}
.login-card input::placeholder,.form-field input::placeholder,.form-field textarea::placeholder{color:#A6A8B6}
.password-wrap{position:relative}
.password-wrap input{padding-right:52px}
.password-wrap button{position:absolute;right:11px;top:9px;border:0;background:none;color:#9093A7;font-size:21px;width:33px;height:31px}
.primary{background:linear-gradient(115deg,#1C159F,#3A31B9);color:white;border:0;border-radius:11px;min-height:46px;padding:12px 18px;font-weight:760;display:flex;align-items:center;justify-content:center;gap:15px;box-shadow:0 8px 20px rgba(28,21,159,.15);transition:transform .15s,box-shadow .15s}
.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 25px rgba(28,21,159,.24)}
.primary span{font-size:19px;font-weight:400}
.primary.full{width:100%}
.login-card .primary{margin-top:28px}
.login-hint{text-align:center;color:#9698A5;font-size:12px;margin-top:22px}
.login-hint span{color:#625AC8;margin-right:6px}
.form-error{margin-top:14px;color:#BD3030;background:#FFF1F1;padding:10px;border-radius:8px;font-size:13px}
.shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}
.sidebar{background:#0B0933;color:#A7A9C9;display:flex;flex-direction:column;padding:25px 15px;min-height:100vh;position:sticky;top:0;height:100vh}
.nav-brand{padding:2px 13px 24px;border-bottom:1px solid rgba(255,255,255,.085)}
.nav-brand img{width:37px;height:37px}
.nav-brand .brand-copy strong{font-size:15px}
.nav-brand .brand-copy small{font-size:8px;letter-spacing:1.65px}
.workspace-chip{margin:25px 0 30px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.085);border-radius:11px;padding:10px;display:flex;align-items:center;gap:10px}
.workspace-icon{width:33px;height:33px;background:#3129A5;color:#fff;border-radius:9px;font-weight:900;display:grid;place-items:center}
.workspace-chip div{display:flex;flex-direction:column;flex:1}
.workspace-chip b{font-size:11px;color:#E0E2FC}
.workspace-chip small{font-size:10px;color:#8789AD}
.chevron{color:#8588AC}
.nav-category{color:#74779C;font-size:9px;letter-spacing:1.9px;font-weight:800;padding:0 13px;margin-bottom:13px}
.sidebar nav{display:flex;flex-direction:column;gap:5px}
.nav-link{border:0;width:100%;display:flex;align-items:center;text-align:left;gap:13px;color:#A7A9C9;background:transparent;border-radius:10px;font-weight:550;font-size:13px;padding:12px 13px;transition:background .15s}
.nav-link:hover{background:rgba(255,255,255,.055);color:white}
.nav-link.active{background:#27217B;color:#fff;box-shadow:inset 3px 0 #978BFF}
.nav-icon{width:20px;text-align:center;font-size:20px;line-height:1;color:#9999D8}
.nav-count{margin-left:auto;background:rgba(255,255,255,.14);padding:1px 7px;border-radius:6px;color:#E9EBFF;font-size:11px}
.sidebar-bottom{margin-top:auto}
.status-box{background:#171441;border:1px solid rgba(139,136,232,.19);border-radius:12px;padding:14px;margin-bottom:17px}
.status-top{display:flex;gap:9px;align-items:center;color:#E2E1FF;font-size:12px}
.status-pulse{width:7px;height:7px;border-radius:50%;background:#69BFA9;display:inline-block;flex:0 0 7px;box-shadow:0 0 0 4px rgba(105,191,169,.11)}
.status-box p{font-size:11px;color:#989AC7;line-height:1.6;margin:7px 0 0 16px}
.nav-logout{width:100%;border:0;background:transparent;color:#A7A9C9;display:flex;gap:15px;padding:11px 12px;text-align:left}
.nav-logout:hover{color:#fff}
.nav-logout span{font-size:20px;line-height:1}
.main-column{min-width:0;display:flex;flex-direction:column}
.topbar{height:72px;background:#fff;border-bottom:1px solid #EBEDF3;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,43px)}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:13px}
.breadcrumb{font-size:13px;color:#84869A}
.slash{font-size:15px;color:#C3C5D0}
#crumbCurrent{font-weight:780;color:#292A42;font-size:13px}
.environment-pill{font-size:11px;color:#478477;background:#EAF8F3;padding:8px 12px;border-radius:30px;display:flex;gap:9px;align-items:center;font-weight:750}
.environment-pill .status-pulse{background:#40B58A;box-shadow:none}
.avatar{border:3px solid #EDECFB;border-radius:50%;width:38px;height:38px;background:#28238A;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:850;margin-left:10px}
.menu-toggle{display:none;background:none;border:0;font-size:18px;color:#1C159F}
.main-content{padding:31px clamp(18px,3.2vw,44px) 35px;max-width:1600px;width:100%;margin:0 auto;flex:1}
.page{display:none}.page.visible{display:block}
.page-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:25px}
.page-heading h1{font-size:29px;line-height:1.2;letter-spacing:-1.25px;margin:7px 0 8px;font-weight:820;color:#1E203A}
.heading-accent{color:#6C5CE7;font-size:21px}
.page-heading p{font-size:13px;color:#9294A4;margin:0}
.heading-date{color:#86899B;background:#fff;border:1px solid var(--border);border-radius:9px;padding:11px 14px;font-size:12px;font-weight:650;white-space:nowrap}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:34px}
.stat-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:19px 22px;box-shadow:var(--shadow)}
.stat-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6F728B;font-weight:620}
.stat-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-size:19px}
.stat-icon.blue{background:#EBEAFB;color:#3D36BD}.stat-icon.purple{background:#F1EBFF;color:#8D62D7}.stat-icon.gray{background:#EEF1F6;color:#8493AA}
.stat-card strong{font-size:29px;font-weight:820;display:block;line-height:1.2;margin:8px 0 2px;color:#212240;letter-spacing:-1px}
.stat-card small{font-size:11px;color:#9B9CAA}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px}
.section-heading>div{display:flex;gap:12px;align-items:center}
.section-icon{width:40px;height:40px;background:#ECEBFD;color:#4B41C3;border-radius:12px;display:grid;place-items:center;font-size:21px}
.section-heading h2{font-size:19px;letter-spacing:-.45px;margin:0;color:#262740}
.section-heading p{font-size:12px;color:#9092A3;margin:3px 0 0}
.draft-badge{background:#F1F0FD;color:#6C63B2;font-size:9px;font-weight:900;letter-spacing:1.4px;padding:8px 12px;border-radius:20px}
.composer-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(285px,1fr);gap:20px;align-items:start}
.composer-main,.composer-side{display:flex;flex-direction:column;gap:20px;min-width:0}
.panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px 24px;box-shadow:var(--shadow)}
.panel-title{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}
.step{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;background:#F0EFFD;color:#493EC5;border-radius:9px;font-weight:840;font-size:12px}
.panel-title h3{font-size:15px;margin:-2px 0 3px;color:#262842;letter-spacing:-.25px}
.panel-title p{color:#9597A8;margin:0;font-size:12px;line-height:1.65}
.channels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.channel{border:1px solid #E9EAF1;background:#fff;border-radius:11px;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font-weight:690;font-size:11px;color:#5B5D74;position:relative;transition:all .18s}
.channel:hover{border-color:#ADA6E3;transform:translateY(-1px)}
.channel.selected{border:1.5px solid #4840CC;background:#F7F6FF;color:#242080;box-shadow:0 0 0 3px rgba(82,73,193,.035)}
.channel-symbol{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:19px;font-weight:850;color:#fff}
.channel-symbol.wa{background:#21B66B}.channel-symbol.mail{background:#5F6CEA}.channel-symbol.linkedin{background:#1479B9;font-size:16px}.channel-symbol.instagram{background:linear-gradient(140deg,#874AC4,#F23A71,#FFBD5A);font-size:27px}.channel-symbol.tiktok{background:#151525}
.channel-check{position:absolute;right:7px;top:6px;width:16px;height:16px;border-radius:50%;background:#473BC6;color:#fff;font-size:10px;line-height:16px;display:none}
.channel.selected .channel-check{display:block}
.channel-info{font-size:11px;color:#7B80A0;margin-top:15px;padding:12px 14px;background:#F7F8FC;border-radius:9px;line-height:1.55}
.channel-info span{color:#5244C6;font-size:14px;font-weight:800;margin-right:6px}
.form-field{margin-top:17px}
.form-field:first-of-type{margin-top:0}
.form-field label{margin-bottom:9px}
.required{color:#7465EE}.optional{font-weight:400;color:#A2A4B1}
.field-top{display:flex;justify-content:space-between;align-items:center}
.counter{color:#A2A3B1;font-size:11px}
.form-field textarea{min-height:206px;resize:vertical;line-height:1.8;border-radius:11px;padding:14px}
.variable-bar{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:11px}
.variable-bar>span{font-size:11px;color:#9296A8;margin-right:4px}
.variable-bar button{background:#F4F3FE;color:#4B45AB;border:1px solid #E7E4FC;border-radius:6px;font-size:11px;padding:5px 8px;font-weight:700}
.variable-bar button:hover{background:#E5E2FF}
.form-field small{display:block;font-size:11px;color:#999BA8;margin-top:7px}
.upload-panel{padding-bottom:20px}
.upload-panel .panel-title{margin-bottom:20px}
.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;border:1.6px dashed #C8C9E4;background:#FAFAFE;border-radius:12px;padding:21px 10px;min-height:186px;gap:4px;color:#606478;transition:all .18s}
.dropzone:hover,.dropzone.dragging{background:#F0EEFF;border-color:#5146C7}
.upload-illustration{display:grid;place-items:center;border-radius:13px;background:#EAE8FE;color:#4B43BD;width:45px;height:45px;font-size:28px;line-height:1;margin-bottom:6px}
.dropzone strong{font-size:13px;color:#323448}
.dropzone span:not(.upload-illustration){font-size:11px;color:#9293A7}
.dropzone b{color:#3C32AB}
.dropzone small{font-size:10px;color:#A1A3B3;margin-top:10px}
.upload-progress{display:flex;gap:10px;align-items:center;padding:12px 0;font-size:12px;color:#55529A}
.progress-spinner{width:15px;height:15px;border:2px solid #DADAF8;border-top-color:#493EC5;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.uploaded-info{padding:11px;background:#ECF9F3;border:1px solid #CBEBDD;border-radius:8px;color:#257754;font-size:12px;margin-top:13px;overflow-wrap:anywhere}
.upload-select{margin-top:20px}
.upload-select label{font-size:11px}
.upload-select select{font-size:12px;padding:11px 8px}
.upload-note{font-size:11px;color:#9294A7;line-height:1.7;margin-top:14px}
.review-panel{position:relative;overflow:hidden;color:#fff;border-radius:14px;background:linear-gradient(135deg,#17105D 0%,#29249F 100%);padding:22px 24px 19px;box-shadow:0 16px 30px rgba(28,21,159,.12)}
.review-glow{position:absolute;right:-75px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#5552C5,transparent 70%);pointer-events:none}
.review-top{display:flex;align-items:center;gap:9px;color:#BDC4FF;font-size:9px;letter-spacing:1.6px;font-weight:800;position:relative}
.review-graphic{width:32px;height:32px;background:rgba(255,255,255,.13);display:grid;place-items:center;border-radius:9px;font-size:20px;color:#fff}
.review-panel h3{font-size:20px;margin:19px 0 6px;letter-spacing:-.5px}
.review-panel p{font-size:11px;color:#BFBAE4;margin:0 0 20px;max-width:255px;line-height:1.6}
.review-row{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding:10px 0;gap:10px;font-size:11px}
.review-row span{color:#B6B4E3}.review-row b{font-size:11px;color:#F5F5FF;font-weight:650;max-width:62%;text-align:right;overflow-wrap:anywhere}
.review-row .review-status{color:#F6CDB0}
.review-panel .primary{background:#fff;color:#241B95;margin-top:14px;box-shadow:none;font-size:12px;min-height:44px}
.review-panel .primary:hover{box-shadow:0 9px 22px rgba(7,2,50,.15)}
.no-send{display:block;text-align:center;color:#C1BCEC;font-size:10px;margin-top:11px}
.table-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}
.table-head h3{margin:0;font-size:16px}
.secondary{border:1px solid #E2E1F1;background:#F5F4FD;color:#3E36AE;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:740}
.secondary:hover{background:#E9E7FD}
.table-scroll{overflow:auto}
table{border-collapse:collapse;width:100%;min-width:620px}
thead{background:#F8F9FC}
th{text-align:left;color:#9193A8;letter-spacing:.55px;font-size:10px;text-transform:uppercase;padding:13px}
td{padding:15px 13px;border-top:1px solid #F0F1F6;font-size:12px;color:#45465D;vertical-align:top;overflow-wrap:anywhere}
td .pill{color:#5D55AA;background:#F0EFFE;border-radius:10px;padding:4px 9px;font-size:10px;font-weight:700}
td .status-draft{color:#AF7649;background:#FFF5E8}
td .linkish{border:0;background:transparent;color:#4C42C2;padding:0;font-weight:700;font-size:12px}
td .message-short{max-width:350px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.empty{text-align:center;color:#A1A3B3;padding:45px}
.integration-state{border:1px solid #E7DEAE;background:#FEF9E9;padding:13px 14px;border-radius:10px;color:#8C7332;font-weight:740;font-size:12px;margin:15px 0 25px;display:flex;align-items:center;gap:10px}
.state-dot{width:8px;height:8px;border-radius:50%;background:#D5A846}
.settings-line{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #EEEFF5;font-size:12px}
.settings-line span{color:#818393}.settings-line strong{color:#36394F;font-weight:680;text-align:right;overflow-wrap:anywhere}
.settings-note{font-size:12px;color:#8A8D9E;background:#F8F9FD;padding:14px;border-radius:8px;margin:23px 0 0;line-height:1.8}
.app-footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;padding:16px clamp(20px,3vw,43px);color:#A0A3B4;font-size:10px}
.app-footer b{color:#7B78B8;font-weight:700}
.modal-backdrop{position:fixed;inset:0;z-index:30;background:rgba(4,5,24,.67);display:flex;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(4px)}
.modal{background:#fff;border-radius:18px;width:min(100%,620px);padding:26px;max-height:92vh;overflow:auto;box-shadow:0 25px 100px rgba(0,0,30,.3)}
.modal-header{display:flex;align-items:center;justify-content:space-between}
.modal-check{height:40px;width:40px;background:#EEEDFD;color:#493DC6;border-radius:11px;display:grid;place-items:center;font-size:18px}
.modal-close{font-size:26px;background:transparent;border:0;color:#9092A6}
.modal h2{font-size:24px;letter-spacing:-.65px;margin:19px 0 5px}
.modal>p{font-size:12px;color:#85889A;margin:0 0 22px}
.modal-details{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;border:1px solid #ECEEF5;border-radius:12px;padding:8px 17px;margin-bottom:22px}
.modal-details>div{display:flex;flex-direction:column;gap:3px;padding:10px 0}
.modal-details span{font-size:10px;color:#989BAC}
.modal-details b{font-size:12px;color:#2D304A;overflow-wrap:anywhere}
.modal label{margin-bottom:8px}
.modal-message{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #EAECF5;background:#FAFBFF;padding:15px;border-radius:11px;font-size:12px;line-height:1.8;max-height:220px;overflow:auto}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px;flex-wrap:wrap}
.toast{position:fixed;bottom:23px;right:23px;z-index:60;background:#29264B;color:#fff;border-radius:12px;padding:13px 18px;max-width:365px;font-size:12px;box-shadow:0 15px 40px rgba(0,0,0,.16);opacity:0;transform:translateY(15px);pointer-events:none;transition:all .2s}
.toast.visible{opacity:1;transform:translateY(0)}
.toast.error{background:#A7354C}
@media(max-width:1280px){.composer-grid{grid-template-columns:minmax(0,1.3fr) minmax(275px,1fr)}.channels{grid-template-columns:repeat(3,minmax(0,1fr))}.channel{min-height:91px}.panel{padding:19px}}
@media(max-width:1000px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:21px 9px}.nav-brand{padding:1px 7px 21px}.workspace-chip{margin:20px 0 26px}.composer-grid{grid-template-columns:1fr}.composer-side{display:grid;grid-template-columns:1fr 1fr;align-items:start}.channels{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-left{min-height:315px;padding:25px}.login-pitch{margin:14px 0}.login-pitch h1{font-size:39px;margin:12px 0}.login-pitch p{font-size:13px;line-height:1.5}.login-orbs,.login-footer{display:none}.login-right{padding:35px 23px}.shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:20;width:250px;transform:translateX(-101%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.menu-toggle{display:block}.topbar{height:62px;padding:0 17px}.environment-pill{display:none}.main-content{padding:24px 16px}.page-heading h1{font-size:26px}.heading-date{display:none}.stats{gap:9px}.stat-card{padding:13px}.stat-head{font-size:10px}.stat-icon{height:28px;width:28px;font-size:14px}.stat-card strong{font-size:24px}.stat-card small{font-size:10px}.composer-side{grid-template-columns:1fr}.channels{grid-template-columns:repeat(3,minmax(0,1fr))}.app-footer{padding:15px 17px}.page-heading{margin-bottom:20px}}
@media(max-width:420px){.stats{grid-template-columns:1fr}.stat-card{display:grid;grid-template-columns:1fr auto;align-items:center}.stat-card strong{grid-column:1;grid-row:2}.stat-card small{grid-column:2;grid-row:2}.section-heading h2{font-size:17px}.section-heading p{font-size:11px}.modal-details{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.app-footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}