*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#171b24;background:#ede9e2}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:#0b6bdc;text-decoration:none}:root{--paper:#fbfaf6;--ink:#07113f;--line:#e8e3da;--muted:#6d7782;--black:#191919;--green:#138a62;--blue:#168ef2;--orange:#e99025}.app-body{min-height:100dvh}.mobile-app{width:min(100%,430px);height:100dvh;margin:auto;background:var(--paper);position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.04),0 16px 40px rgba(0,0,0,.14)}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:14px 15px 8px}.company{display:flex;align-items:center;gap:9px;border:0;background:none;padding:0;color:#111}.avatar,.big-avatar{display:grid;place-items:center;background:#eae7df;border-radius:50%;font-weight:900}.avatar{width:35px;height:35px;font-size:12px}.company b{font-size:12px}.bell{width:40px;height:40px;border:0;background:none;position:relative;font-size:24px}.bell i{position:absolute;right:8px;top:7px;width:7px;height:7px;border-radius:50%;background:red;border:1.5px solid #fff}.app-scroll{height:calc(100% - 143px);overflow-y:auto;scrollbar-width:none;padding:0 15px 18px}.app-scroll::-webkit-scrollbar{display:none}.app-screen{display:none;animation:fade .16s ease}.app-screen.active{display:block}@keyframes fade{from{opacity:.35;transform:translateY(2px)}to{opacity:1;transform:none}}.screen-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:5px 0 13px}.screen-title h1{margin:0;color:var(--ink);font-size:29px;line-height:1;font-weight:900;letter-spacing:-1px}.screen-title>span{font-size:11px;color:#74808b;margin-top:7px}.app-screen h3{font-size:13px;margin:12px 0 8px;color:#171b22}.dark-btn,.mini-black{border:0;background:#1a1a1a;color:#fff;border-radius:9px;font-weight:800}.dark-btn{height:36px;padding:0 11px;font-size:10px}.mini-black{height:30px;padding:0 10px;font-size:9px}.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.live{border:0;min-height:82px;border-radius:10px;padding:10px;text-align:left;display:grid;grid-template-columns:34px 1fr;gap:7px;position:relative}.live.red{background:linear-gradient(145deg,#fff0e9,#fff8f1)}.live.blue{background:linear-gradient(145deg,#edf5ff,#f8fbff)}.live.cyan{background:linear-gradient(145deg,#e9f8ff,#f8fbfb)}.live.green{background:linear-gradient(145deg,#edf9ef,#f7fbf5)}.live .ico{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.7)}.live small{display:block;font-size:10px;font-weight:800}.live b{display:block;font-size:20px;line-height:1.1;margin-top:4px}.live em{position:absolute;left:51px;bottom:9px;font-style:normal;font-size:9px;color:#66727d}.section-head{display:flex;justify-content:space-between;align-items:center}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stats-grid>div{border:1px solid var(--line);border-radius:9px;padding:10px;background:#fdfcf9}.stats-grid b{display:block;font-size:16px}.stats-grid span,.stats-grid em{display:block}.stats-grid span{font-size:9.5px;color:#707982;margin-top:2px}.stats-grid em{font-size:9px;color:#15954d;font-style:normal;margin-top:4px}.activity-list{border-top:1px solid var(--line)}.activity-list>button{width:100%;border:0;background:none;display:grid;grid-template-columns:29px 1fr auto;gap:8px;align-items:center;text-align:left;padding:8px 0;border-bottom:1px solid var(--line)}.act-icon{width:27px;height:27px;border-radius:7px;background:#e7f3ff;display:grid;place-items:center}.activity-list b{font-size:10px;display:block}.activity-list small{font-size:9px;color:#69757f;display:block;margin-top:2px}.activity-list time{font-size:8px;color:#7d8790;align-self:start;margin-top:2px}.segments{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#f2efe9;border:1px solid #ebe6dd;border-radius:10px;padding:2px;margin:7px 0 9px}.segments button{height:36px;border:0;background:none;border-radius:8px;font-size:10px;color:#323a47}.segments button.active{background:#fff;color:#111;font-weight:800;box-shadow:0 1px 4px rgba(0,0,0,.09)}.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:7px}.chips::-webkit-scrollbar{display:none}.chips button{border:0;background:#f3f0ea;min-height:32px;padding:0 11px;border-radius:8px;font-size:9px;white-space:nowrap;color:#333b48}.chips button.active{background:#222;color:#fff}.product-row,.deal-row,.simple-row{border-bottom:1px solid var(--line);min-height:79px}.product-row{display:grid;grid-template-columns:56px 1fr auto;gap:8px;align-items:center}.deal-row{display:grid;grid-template-columns:56px 1fr auto;gap:8px;align-items:center;padding:6px 0}.simple-row{display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center;padding:8px 0}.product-thumb{width:52px;height:52px;border-radius:10px;background:linear-gradient(145deg,#efebe4,#fff);border:1px solid #eee8df;display:grid;place-items:center;font-size:29px}.product-row b,.deal-row b,.simple-row b{font-size:10.5px}.product-row small,.deal-row small,.simple-row small{display:block;font-size:9px;color:#69747f;margin-top:3px}.product-row p,.deal-row p{font-size:8.5px;margin:4px 0 0;color:#66717c}.tag{font-size:8px;border-radius:5px;padding:3px 6px;background:#efede7}.tag.open,.tag.confirmed,.tag.delivered,.tag.completed{background:#daf3e7;color:#087956}.tag.quotes,.tag.dispatched,.tag.packing{background:#e1f1ff;color:#146fae}.tag.closed,.tag.cancelled{background:#efede8;color:#666}.tag.preparing,.tag.probable{background:#fff0d9;color:#a7680c}.row-right{display:flex;flex-direction:column;align-items:flex-end;align-self:stretch;padding:8px 0;justify-content:space-between}.row-right time{font-size:8px;color:#7d8791}.row-right button{border:0;background:none;font-size:18px}.round{width:39px;height:39px;border-radius:11px;background:#f0ede7;display:grid;place-items:center;font-size:10px;font-weight:900}.quote-btn{height:31px;border:0;background:#2095f2;color:#fff;border-radius:7px;padding:0 10px;font-size:9px;font-weight:800}.deal-search{display:grid;grid-template-columns:25px 1fr 36px;align-items:center;height:39px;background:#f5f2ed;border:1px solid #ebe6de;border-radius:9px;margin-bottom:8px;padding-left:8px}.deal-search input{border:0;outline:0;background:none;font-size:9.5px;width:100%}.deal-search button{border:0;background:none}.business-card{width:100%;border:1px solid var(--line);background:#f5f2eb;border-radius:10px;display:grid;grid-template-columns:45px 1fr 14px;gap:9px;align-items:center;text-align:left;padding:9px;margin-bottom:7px}.big-avatar{width:45px;height:45px;font-size:16px}.business-card b{font-size:11px;display:block}.business-card small{font-size:8.5px;color:#68747e;display:block;margin-top:2px}.business-card em{font-size:8.5px;color:#13855f;font-style:normal;display:block;margin-top:3px}.business-row{width:100%;border:0;background:none;display:grid;grid-template-columns:30px 1fr 12px;gap:8px;align-items:center;text-align:left;min-height:48px;border-bottom:1px solid var(--line)}.business-row b{font-size:10px}.business-row small{display:block;font-size:8.5px;color:#6d7782;margin-top:2px}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tools button{min-height:62px;border:1px solid var(--line);background:#faf8f3;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:19px}.tools button span{font-size:9px}.tools .wide{grid-column:span 2}.points{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;border:1px solid var(--line);background:#faf8f3;border-radius:9px;padding:9px}.points>span{width:31px;height:31px;border-radius:8px;background:#fff0df;display:grid;place-items:center}.points small{display:block;font-size:8.5px;color:#727b84}.points b{font-size:14px}.points button{border:0;background:#171717;color:#fff;border-radius:7px;height:32px;padding:0 11px;font-size:8.5px;font-weight:800}.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:73px;background:rgba(251,250,246,.97);border-top:1px solid #ddd8cf;display:grid;grid-template-columns:repeat(5,1fr);padding:5px 4px max(5px,env(safe-area-inset-bottom));backdrop-filter:blur(14px)}.bottom-nav button{border:0;background:none;color:#35566c;font-size:8px;display:flex;flex-direction:column;align-items:center;gap:2px}.bottom-nav button span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:17px}.bottom-nav button.active{color:#fff}.bottom-nav button.active span{background:#1b1b1b}.bottom-nav button.active small{background:#1b1b1b;padding:0 7px 4px;border-radius:0 0 9px 9px;margin-top:-3px}.hidden{display:none!important}.empty{text-align:center;color:#7a838d;font-size:10px;padding:25px 8px}.overlay{position:absolute;inset:0;background:rgba(12,16,22,.34);z-index:70;opacity:0;pointer-events:none;transition:.18s}.overlay.show{opacity:1;pointer-events:auto}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:80;background:#fff;border-radius:21px 21px 0 0;box-shadow:0 -14px 38px rgba(0,0,0,.18);transform:translateY(105%);transition:.22s cubic-bezier(.2,.75,.2,1);max-height:82%;overflow:auto;padding:8px 16px calc(18px + env(safe-area-inset-bottom))}.sheet.show{transform:translateY(0)}.grab{width:38px;height:4px;border-radius:4px;background:#d8d4ce;margin:0 auto 12px}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.sheet-head h2{margin:0;color:var(--ink);font-size:18px}.sheet-head p{margin:3px 0 0;color:#6d7782;font-size:9px}.sheet-close{width:34px;height:34px;border:0;background:#f3f0ea;border-radius:10px;font-size:19px}.sheet form{display:grid;gap:9px}.sheet label{font-size:9px;color:#68747e}.sheet input,.sheet select,.sheet textarea{width:100%;border:1px solid var(--line);background:#faf9f5;border-radius:9px;padding:10px 11px;font-size:10.5px;outline:0;margin-top:4px}.sheet textarea{min-height:70px;resize:vertical}.sheet .form2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sheet .submit{height:42px;border:0;background:#191919;color:#fff;border-radius:10px;font-size:10.5px;font-weight:850}.sheet-list{display:grid;gap:7px}.sheet-item{border:1px solid var(--line);background:#faf9f5;border-radius:10px;padding:10px}.sheet-item b{font-size:10.5px}.sheet-item small{display:block;font-size:8.5px;color:#6d7782;margin-top:3px}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.sheet-actions button{height:36px;border-radius:8px;border:1px solid var(--line);background:#fff;font-size:9px;font-weight:800}.sheet-actions button.primary{background:#191919;color:#fff;border-color:#191919}.toast,.flash{position:absolute;left:50%;transform:translateX(-50%);z-index:100;border-radius:9px;font-size:9.5px;font-weight:750;box-shadow:0 7px 20px rgba(0,0,0,.15)}.toast{bottom:84px;background:#171717;color:#fff;padding:9px 12px;opacity:0;pointer-events:none;transition:.18s}.toast.show{opacity:1}.flash{top:70px;background:#daf3e7;color:#087956;padding:8px 11px}.flash.error{background:#ffe5e2;color:#a22}.auth-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#f4f0e8,#ece8e1);padding:20px}.auth-card{width:min(100%,410px);background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 18px 50px rgba(0,0,0,.1)}.auth-card.wide{width:min(100%,650px)}.brand-mark{width:48px;height:48px;border-radius:50%;background:#171717;color:#fff;display:grid;place-items:center;font-weight:900}.auth-card h1{margin:15px 0 5px;color:var(--ink)}.auth-card p{margin:0 0 18px;color:#6d7782;font-size:12px}.auth-card form{display:grid;gap:10px}.auth-card label{font-size:10px;font-weight:700}.auth-card input{width:100%;margin-top:5px;border:1px solid var(--line);border-radius:9px;padding:11px;outline:0}.check{display:flex;gap:7px;align-items:center}.check input{width:auto;margin:0}.auth-primary{height:42px;border:0;background:#171717;color:#fff;border-radius:9px;font-weight:800}.auth-foot{text-align:center;margin-top:15px;font-size:11px}.form-grid.two{grid-template-columns:1fr 1fr}.alert{padding:9px 10px;border-radius:8px;font-size:10px;margin-bottom:10px}.alert.error{background:#ffe5e2;color:#9d2b21}@media(max-width:430px){html,body{background:var(--paper)}.mobile-app{width:100%;box-shadow:none}}@media(max-width:560px){.form-grid.two{grid-template-columns:1fr}}/* Complete controls layer */
.simple-row{width:100%;border-left:0;border-right:0;border-top:0;background:none;text-align:left;color:inherit}.sheet-subtitle{font-size:11px!important;margin:14px 0 7px!important;color:#18203b!important}.sheet-click{width:100%;text-align:left}.sheet-item button{font:inherit}.sheet-actions form.inline-form{display:block;margin:0}.sheet-actions form.inline-form button{width:100%}.inline-form{display:block!important}.danger,.danger-block{background:#8e3028!important;color:#fff!important}.danger-lite{color:#9c2e27!important;border-color:#efd3cf!important;background:#fff7f6!important}.mini-delete{border:0;background:#f6ecea;color:#96352d;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:800;margin-top:7px}.mini-delete.neutral{background:#edf1f4;color:#42515e}.secondary{background:#edf0f2!important;color:#182033!important}.toggle-label{display:flex!important;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:10px;background:#faf9f5}.toggle-label input{width:auto!important;margin:0!important}.support-messages{margin:8px 0}.support-msg{border-left:3px solid #c8d5df;padding:7px 8px;background:#f6f8fa;border-radius:6px}.support-msg.admin{border-left-color:#168ef2;background:#eef7ff}.support-msg b,.support-msg small{display:block}.sheet-item.unread{border-color:#b8dafa;background:#f2f9ff}.sheet .sheet-item form{margin-top:7px}.sheet .sheet-item .submit{height:34px}.sheet .sheet-item button.sheet-item{border:0}.sheet form + form{margin-top:8px}.sheet a{word-break:break-all}

.platform-notice{margin:0 14px 8px;padding:9px 11px;border:1px solid #eadfbf;background:#fff7df;border-radius:10px;font-size:10px;color:#665221;font-weight:700}.platform-notice+main{margin-top:0}

/* Final navigation and visual polish */
:root{--paper:#fbfaf7;--ink:#0b1647;--line:#e4ded4;--black:#141414;--accent:#1f8ff2}
html,body{background:#eeeae3}
.mobile-app{background:var(--paper);border-radius:18px}
.app-scroll{height:calc(100% - 151px);padding-bottom:24px}
.bottom-nav{height:79px;padding:7px 8px max(8px,env(safe-area-inset-bottom));background:rgba(251,250,247,.98);border-top:1px solid #d9d2c7;box-shadow:0 -8px 24px rgba(31,27,21,.08);grid-template-columns:repeat(5,minmax(0,1fr));z-index:60}
.bottom-nav button{min-width:0;min-height:60px;gap:3px;color:#526677;font-size:9px;font-weight:700;justify-content:center;border-radius:12px;transition:background .18s,color .18s,transform .18s}
.bottom-nav button span{width:34px;height:34px;font-size:17px;line-height:1}
.bottom-nav button small{font-size:9px;line-height:1}
.bottom-nav button.active{color:#111}
.bottom-nav button.active span{background:#141414;color:#fff;box-shadow:0 4px 10px rgba(20,20,20,.18)}
.bottom-nav button.active small{background:none;color:#111;padding:0;margin:0;border-radius:0}
.bottom-nav button:active{transform:translateY(1px)}
.live.red{background:linear-gradient(145deg,#ffe7dc,#fff7ef);border:1px solid #ffd0bc}.live.blue{background:linear-gradient(145deg,#e1efff,#f7fbff);border:1px solid #c6e0ff}.live.cyan{background:linear-gradient(145deg,#def7ff,#f6fcfd);border:1px solid #bcebf5}.live.green{background:linear-gradient(145deg,#e3f7e9,#f7fcf7);border:1px solid #c8ebd1}
.stats-grid>div:nth-child(1){border-top:3px solid #ff8c69}.stats-grid>div:nth-child(2){border-top:3px solid #4da7ff}.stats-grid>div:nth-child(3){border-top:3px solid #26bfa3}.stats-grid>div:nth-child(4){border-top:3px solid #f1b84b}
@media(max-width:430px){.mobile-app{border-radius:0}.bottom-nav{border-radius:0}}

/* Unified final UI system */
:root{--paper:#fcfbf8;--surface:#ffffff;--soft:#f3f1ec;--ink:#0b1647;--body:#23262d;--muted:#737b84;--line:#e6e1d8;--black:#151515;--blue:#238cf0;--mint:#27b58d;--amber:#f2b84b;--coral:#ff8269}
body{color:var(--body);-webkit-font-smoothing:antialiased}
.mobile-app{background:var(--paper)}
.topbar{height:74px;padding:16px 18px 10px;border-bottom:1px solid rgba(230,225,216,.72)}
.company{min-height:42px;gap:10px}.company b{font-size:13px;letter-spacing:-.1px}.avatar{width:36px;height:36px;background:#ebe9e3;color:#121212}
.bell{width:42px;height:42px;font-size:22px;border-radius:12px}.bell:active{background:var(--soft)}
.app-scroll{height:calc(100% - 155px);padding:3px 18px 28px}
.screen-title{margin:10px 0 16px}.screen-title h1{font-size:30px;letter-spacing:-1.2px}.screen-title>span{font-size:10px}
.app-screen h3{font-size:13px;margin:16px 0 9px;letter-spacing:-.1px}
.live-grid,.stats-grid{gap:10px}.live{min-height:92px;border-radius:13px;padding:12px}.live .ico{width:34px;height:34px}.live small{font-size:10.5px}.live b{font-size:22px}.live em{left:53px;bottom:10px}
.stats-grid>div{border-radius:12px;padding:12px;min-height:72px;background:var(--surface);box-shadow:0 3px 12px rgba(29,25,18,.035)}.stats-grid b{font-size:17px}.stats-grid span{font-size:10px}.stats-grid em{font-size:9px}
.activity-list>button{padding:10px 0;min-height:52px}.activity-list b{font-size:10.5px}.activity-list small{font-size:9.5px}.activity-list time{font-size:8.5px}
.segments{margin:9px 0 11px;border-radius:12px;padding:3px}.segments button{height:38px;font-size:10.5px}.chips{gap:7px;margin-bottom:10px}.chips button{min-height:34px;border-radius:9px;font-size:9.5px}
.product-row,.deal-row,.simple-row{min-height:84px}.product-thumb{width:54px;height:54px}.product-row b,.deal-row b,.simple-row b{font-size:11px}.product-row small,.deal-row small,.simple-row small{font-size:9.5px}
.quote-btn{height:34px;border-radius:9px;padding:0 11px;font-size:9.5px}.business-card{border-radius:13px;padding:11px;background:#f4f2ec}.business-row{min-height:54px}.business-row b{font-size:10.5px}.business-row small{font-size:9px}
.tools{gap:9px}.tools button{min-height:70px;border-radius:12px;background:var(--surface);box-shadow:0 3px 10px rgba(29,25,18,.035);font-size:20px}.tools button span{font-size:9.5px}.points{border-radius:12px;padding:11px;background:var(--surface)}.points button{height:34px;border-radius:9px}
.bottom-nav{height:81px;padding:7px 8px max(9px,env(safe-area-inset-bottom));background:rgba(252,251,248,.98)}.bottom-nav button{min-height:62px;border-radius:14px;font-size:9.5px}.bottom-nav button span{width:36px;height:36px}.bottom-nav button.active{background:#f1efe9;color:#121212}.bottom-nav button.active span{background:var(--black);box-shadow:0 4px 11px rgba(21,21,21,.22)}.bottom-nav button.active small{font-weight:800;color:#121212}
.dark-btn,.mini-black{min-height:38px;border-radius:10px}.dark-btn{font-size:10.5px}.mini-black{font-size:9.5px}
.sheet{background:var(--surface);padding-left:18px;padding-right:18px;border-radius:24px 24px 0 0}.sheet-head h2{font-size:19px}.sheet input,.sheet select,.sheet textarea{font-size:11px;min-height:42px}.sheet .submit{height:44px;border-radius:11px}
.overlay{background:rgba(8,13,26,.42)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(35,140,240,.3);outline-offset:2px}
@media(min-width:700px){.mobile-app{width:min(100%,480px)}.app-scroll{padding-left:22px;padding-right:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.product-thumb{font-size:0!important;display:grid;place-items:center;background:linear-gradient(145deg,#dbeafe,#bfdbfe)!important;color:#0f172a!important;border-radius:14px!important;position:relative;overflow:hidden}
.product-thumb::after{content:'▦';font-size:22px;font-weight:800;line-height:1;opacity:.8}
.demand-item:nth-child(3n) .product-thumb,.deal-row:nth-child(3n) .product-thumb{background:linear-gradient(145deg,#dcfce7,#a7f3d0)!important}.supply-item:nth-child(3n) .product-thumb{background:linear-gradient(145deg,#ffedd5,#fed7aa)!important}
.bottom-nav button span{font-size:0;display:grid;place-items:center}.bottom-nav button span::after{font-size:19px;line-height:1;font-weight:800}.bottom-nav button:nth-child(1) span::after{content:'⌂'}.bottom-nav button:nth-child(2) span::after{content:'≡'}.bottom-nav button:nth-child(3) span::after{content:'◇'}.bottom-nav button:nth-child(4) span::after{content:'⇢'}.bottom-nav button:nth-child(5) span::after{content:'◉'}
.bottom-nav{border-top:1px solid #e7e2d9;box-shadow:0 -8px 24px rgba(25,22,16,.06);gap:4px}
.bottom-nav button{color:#68717e;transition:background .18s ease,color .18s ease,transform .18s ease}.bottom-nav button small{font-weight:650;letter-spacing:.1px}.bottom-nav button.active{background:#f0eee8;color:#111827}.bottom-nav button.active span{width:34px;height:34px;background:#111827;color:#fff;border-radius:11px}.bottom-nav button:active{transform:scale(.95)}
.bell{font-size:0!important;position:relative}.bell::before{content:'◔';font-size:23px;font-weight:700;color:#141820}.bell::after{content:'';position:absolute;right:9px;top:8px;width:6px;height:6px;border-radius:50%;background:#ef5b48;box-shadow:0 0 0 2px #fffdf9}
.demo-login{margin-top:18px;padding:14px;border:1px solid #e7e2d9;border-radius:14px;background:#f7f5ef}.demo-login small{display:block;color:#667085;font-size:11px;margin-bottom:9px}.demo-login>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-login button{min-height:44px;border:1px solid #d9d4ca;border-radius:10px;background:#fffdf9;color:#121820;font-weight:750;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.demo-login button:hover{background:#111820;color:#fff;border-color:#111820}
.app-screen{animation:screenIn .22s ease both}.app-screen:not(.active){display:none}@keyframes screenIn{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}