:root{color-scheme:dark light;--bg:#090b0a;--card:#121613;--soft:#171c18;--text:#f4f7f5;--muted:#a8b0aa;--line:rgba(255,255,255,.10);--accent:#68BC31;--glow:rgba(104,188,49,.13);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:color-mix(in srgb,var(--card) 88%,var(--bg));border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:900;letter-spacing:1.4px;line-height:1.25}.brand b,.brandmark span,.mobile-brand span{color:var(--accent)}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.2px;color:var(--muted);margin-top:5px}.brandmark{font-size:23px;font-weight:900;letter-spacing:-2px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));padding:8px 10px;border-radius:12px;white-space:nowrap}.side-caption{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin:64px 12px 17px;font-weight:800}.sidenav{display:grid;gap:7px}.sidenav a{padding:13px 14px;border-radius:13px;color:var(--muted);font-weight:700;display:flex;align-items:center;gap:15px;transition:.2s}.sidenav a:hover,.sidenav a.selected{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text)}.sidenav a.selected{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)}.navicon{width:21px;text-align:center;font-size:21px;font-weight:400;color:var(--accent)}.sidefoot{margin-top:auto;border-top:1px solid var(--line);padding:22px 12px 0;font-size:12px}.sidefoot small{color:var(--muted);overflow-wrap:anywhere}.online-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:6px}.app{margin-left:258px;min-height:100vh}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 clamp(24px,4vw,64px);background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(22px);position:sticky;top:0;z-index:3}.desktop-breadcrumb{color:var(--muted);font-size:11px;letter-spacing:1.1px;font-weight:800}.desktop-breadcrumb span{padding:0 10px;color:var(--accent)}.top-actions{display:flex;align-items:center;gap:20px}.date-label{color:var(--muted);font-size:12px}.avatar{display:grid;place-items:center;background:var(--glow);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent);width:36px;height:36px;border-radius:50%;font-size:11px;font-weight:900}.content{max-width:1480px;margin:auto;padding:48px clamp(24px,4vw,64px) 70px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:900;margin-bottom:10px}h1{font-size:clamp(38px,4.8vw,66px);line-height:1.06;letter-spacing:-2.8px;margin:0 0 10px;font-weight:900}h1 em{color:var(--accent);font-style:normal}h2{font-size:19px;letter-spacing:-.5px;margin:0;font-weight:800}.muted{color:var(--muted);margin:0}.intro{margin-bottom:28px}.heading-row,.section-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.heading-row{margin-bottom:30px}.outline{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--text);padding:12px 16px;font-weight:750}.outline:hover{border-color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat,.panel,.quickitem{background:linear-gradient(145deg,color-mix(in srgb,var(--card) 92%,transparent),color-mix(in srgb,var(--soft) 65%,transparent));border:1px solid var(--line);border-radius:var(--radius)}.stat{padding:24px;display:flex;flex-direction:column;min-height:150px;transition:transform .2s,border-color .2s}.stat:hover,.quickitem:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 48%,var(--line))}.stat>span{font-size:12px;color:var(--muted);font-weight:700}.stat strong{font-size:45px;line-height:1.25;letter-spacing:-2px;margin:10px 0 4px}.stat small{color:var(--accent);font-size:11px}.quick{margin-top:39px}.section-title{margin-bottom:18px}.section-title>span,.section-title>a{font-size:12px;color:var(--muted)}.section-title>a:hover{color:var(--accent)}.quickgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quickitem{padding:22px;display:flex;flex-direction:column;gap:5px;transition:transform .2s,border-color .2s}.quickicon{width:43px;height:43px;display:grid;place-items:center;background:var(--glow);border-radius:13px;color:var(--accent);font-size:23px;margin-bottom:15px}.quickitem b{font-size:15px}.quickitem small{font-size:11px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.panel{padding:25px}.minirow{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.minirow>div{min-width:0;flex:1}.minirow b,.minirow small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.minirow b{font-size:13px}.minirow small{font-size:11px;color:var(--muted)}.bullet{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:0 0 auto}.pill{font-size:10px;padding:5px 9px;border-radius:999px;background:var(--glow);color:var(--accent);white-space:nowrap}.empty{font-size:13px;color:var(--muted);padding:18px 0}.workspace{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.4fr);align-items:start;gap:20px}.form{display:grid;gap:15px;margin-top:22px}.form label{font-size:12px;font-weight:750;color:var(--muted);display:grid;gap:7px}.form input,.form textarea,.statusform select{background:color-mix(in srgb,var(--bg) 85%,var(--card));border:1px solid color-mix(in srgb,var(--line) 90%,var(--muted) 10%);border-radius:12px;padding:13px 14px;width:100%;color:var(--text);outline:none;min-width:0}.form input:focus,.form textarea:focus,.statusform select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.form textarea{resize:vertical}.primary{border:0;border-radius:13px;padding:15px 18px;background:var(--accent);color:#071006;font-weight:900;display:flex;justify-content:space-between;align-items:center;min-height:50px}.primary:hover{filter:brightness(1.08)}.record{border-top:1px solid var(--line);padding:18px 0;display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.record-main{min-width:0}.record strong,.record small{display:block}.record strong{font-size:14px}.record small{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.record p{font-size:12px;color:var(--muted);white-space:normal}.statusform{display:flex;gap:5px;align-items:center;flex:0 0 auto}.statusform select{font-size:11px;width:105px;padding:8px 5px}.smallbutton{border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--text);padding:8px}.empty-state{text-align:center;padding:65px 10px;color:var(--muted)}.empty-state div{font-size:35px;color:var(--accent)}.empty-state b{display:block;color:var(--text);margin:10px 0}.morepanel{margin:16px 0;max-width:720px}.morepanel p{font-size:14px;margin:12px 0 20px}.auth-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 18px;background:radial-gradient(circle at 70% 20%,rgba(104,188,49,.13),transparent 40%),var(--bg)}.auth-brand{margin-bottom:35px}.auth-card{background:color-mix(in srgb,var(--card) 92%,transparent);border:1px solid var(--line);border-radius:26px;width:min(100%,440px);padding:38px;box-shadow:0 28px 90px rgba(0,0,0,.18);backdrop-filter:blur(25px)}.auth-card h1{font-size:39px;letter-spacing:-1.5px;margin:8px 0 14px}.auth-card .muted{font-size:13px}.auth-foot{color:var(--muted);font-size:11px;margin-top:28px;text-align:center}.flash{padding:13px 15px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:var(--glow);font-size:13px;margin-bottom:22px}.mobile-brand,.bottomnav{display:none}@media(max-width:1200px){.stats,.quickgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar,.desktop-breadcrumb,.desktop-only{display:none}.app{margin-left:0}.topbar{height:62px;padding:0 18px}.mobile-brand{display:block;font-size:19px;letter-spacing:-.8px;font-weight:900}.mobile-brand strong{font-size:10px;letter-spacing:.7px;margin-left:6px}.date-label{display:none}.content{padding:28px 17px calc(105px + env(safe-area-inset-bottom))}.eyebrow{font-size:10px}h1{font-size:39px;letter-spacing:-1.7px}.heading-row{margin-bottom:24px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:15px;min-height:116px}.stat strong{font-size:32px;margin:7px 0 3px}.stat>span{font-size:11px}.stat small{font-size:10px}.quick{margin-top:27px}.quickgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.quickitem{min-height:147px;padding:17px}.quickicon{margin-bottom:9px;width:40px;height:40px}.quickitem b{font-size:13px}.dashboard-grid{grid-template-columns:1fr;margin-top:22px}.panel{padding:19px;border-radius:18px}.section-title h2{font-size:17px}.workspace{gap:16px}.record{flex-wrap:wrap}.statusform{width:100%}.statusform select{flex:1}.bottomnav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(26px) saturate(160%);border-top:1px solid var(--line);padding:9px 8px calc(8px + env(safe-area-inset-bottom));z-index:10}.bottomnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:10px;font-weight:700;padding:5px 0;border-radius:12px}.bottomnav a span{font-size:23px;line-height:1.2}.bottomnav a.active{color:var(--accent);background:var(--glow)}.auth-card{padding:26px 20px}}@media(max-width:370px){.quickitem{padding:13px}.mobile-brand strong{font-size:9px}}@media(prefers-color-scheme:light){:root{color-scheme:light;--bg:#f7f8f7;--card:#fff;--soft:#eef1ee;--text:#151816;--muted:#626a65;--line:#d8ddd9;--glow:rgba(104,188,49,.12)}.auth-card{box-shadow:0 20px 65px rgba(30,55,25,.08)}.stat,.panel,.quickitem{box-shadow:0 8px 28px rgba(21,32,22,.035)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* AK 24/7 Business Hub — Experience 1.1. The original CSS is retained for compatibility. */
:root{--spring:cubic-bezier(.2,.85,.2,1);--glass:color-mix(in srgb,var(--card) 78%,transparent);--halo:color-mix(in srgb,var(--accent) 20%,transparent)}
body{background:var(--bg);background-image:radial-gradient(ellipse 65% 38% at 85% -9%,color-mix(in srgb,var(--accent) 9%,transparent),transparent),radial-gradient(ellipse 60% 35% at 0% 75%,color-mix(in srgb,var(--accent) 4%,transparent),transparent);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.sidebar{width:266px;padding:29px 18px;background:color-mix(in srgb,var(--card) 74%,var(--bg));border-right:1px solid color-mix(in srgb,var(--line) 72%,transparent);backdrop-filter:blur(25px)}
.app{margin-left:266px}.brand{letter-spacing:0;gap:11px}.brandmark{font-size:19px;letter-spacing:-1.1px;border-radius:16px;padding:10px 9px;background:color-mix(in srgb,var(--accent) 6%,var(--card));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 8%,transparent)}.brandwords{display:flex;flex-direction:column;gap:3px;min-width:0}.company-name{font-size:12px;letter-spacing:-.2px;font-weight:850;white-space:nowrap}.product-name{font-size:10px;letter-spacing:1.6px;color:var(--muted)}.product-name b{color:var(--accent)}
.sidenav a{border-radius:16px;transition:background .32s var(--spring),color .2s,transform .32s var(--spring)}.sidenav a:hover{transform:translateX(4px)}.sidenav a.selected{background:linear-gradient(105deg,color-mix(in srgb,var(--accent) 14%,transparent),color-mix(in srgb,var(--accent) 4%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 21%,transparent)}
.topbar{height:76px;background:color-mix(in srgb,var(--bg) 73%,transparent);-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%);border-bottom-color:color-mix(in srgb,var(--line) 60%,transparent)}
.content{padding-top:34px}.welcome{position:relative;overflow:hidden;isolation:isolate;border-radius:30px;padding:clamp(26px,4.3vw,54px);background:linear-gradient(116deg,color-mix(in srgb,var(--card) 92%,var(--bg)),color-mix(in srgb,var(--bg) 93%,var(--accent)));border:1px solid color-mix(in srgb,var(--accent) 17%,var(--line));box-shadow:0 26px 85px rgba(0,0,0,.10),inset 0 1px 0 color-mix(in srgb,var(--text) 7%,transparent);margin-bottom:20px}
.welcome:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(color-mix(in srgb,var(--text) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text) 3%,transparent) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,black)}
.welcome-orb{position:absolute;z-index:-1;right:-110px;top:-190px;width:510px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 30%,transparent),color-mix(in srgb,var(--accent) 10%,transparent) 42%,transparent 70%);filter:blur(12px);animation:orbFloat 12s ease-in-out infinite alternate;pointer-events:none}
@keyframes orbFloat{to{transform:translate(-55px,70px) scale(1.1)}}.welcome .heading-row{margin-bottom:22px}.welcome h1{font-size:clamp(45px,5.3vw,77px);letter-spacing:-3.7px}.welcome .muted{font-size:clamp(14px,1.4vw,17px)}.welcome .eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:17px}.live-indicator{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 13%,transparent)}.welcome-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-action,.hero-secondary{display:inline-flex;align-items:center;gap:28px;justify-content:space-between;border-radius:15px;padding:13px 17px;font-weight:800;font-size:13px;transition:transform .35s var(--spring),box-shadow .35s var(--spring),background .25s}.hero-action{background:var(--accent);color:#081106;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 17%,transparent)}.hero-secondary{background:color-mix(in srgb,var(--card) 65%,transparent);border:1px solid var(--line)}.hero-action:hover,.hero-secondary:hover{transform:translateY(-3px)}
.stat,.panel,.quickitem{background:linear-gradient(145deg,color-mix(in srgb,var(--card) 86%,transparent),color-mix(in srgb,var(--soft) 58%,transparent));border:1px solid color-mix(in srgb,var(--line) 86%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 5%,transparent),0 14px 35px rgba(0,0,0,.035);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.stat{min-height:138px;border-radius:22px;padding:21px;position:relative;overflow:hidden;transition:transform .42s var(--spring),border-color .35s,box-shadow .42s var(--spring)}.stat:after,.quickitem:after{content:"";position:absolute;inset:auto 12% -70% 12%;height:100px;background:radial-gradient(ellipse,var(--halo),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.stat:hover:after,.quickitem:hover:after{opacity:1}.stat:hover,.quickitem:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(0,0,0,.11);border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}.stat strong{font-size:42px;margin:8px 0 1px;letter-spacing:-2.5px}.stat small{opacity:.8}
.quick{margin-top:36px}.quick .section-title h2{font-size:23px;letter-spacing:-.9px}.title-dot{color:var(--accent)}.quickgrid{gap:14px}.quickitem{position:relative;overflow:hidden;min-height:157px;border-radius:24px;padding:21px;transition:transform .42s var(--spring),border-color .3s,box-shadow .42s var(--spring)}.quickicon{border-radius:16px;width:47px;height:47px;font-size:25px;margin-bottom:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,transparent),color-mix(in srgb,var(--accent) 5%,transparent));border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);transition:transform .4s var(--spring)}.quickitem:hover .quickicon{transform:rotate(-8deg) scale(1.1)}.quickitem b{font-size:15px}.panel{border-radius:24px}.dashboard-grid{margin-top:26px}.bottomnav{display:none}
@keyframes riseIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.welcome,.stats,.quick,.dashboard-grid,.workspace{animation:riseIn .65s var(--spring) both}.stats{animation-delay:.07s}.quick{animation-delay:.13s}.dashboard-grid{animation-delay:.18s}.workspace{animation-delay:.08s}
@media(max-width:1100px){.sidebar{display:none}.app{margin-left:0}.desktop-breadcrumb{display:none}.mobile-brand{display:flex;flex-direction:column;line-height:1.18;gap:4px;font-size:17px;font-weight:900;letter-spacing:-.6px}.mobile-brand strong{margin:0;font-size:9px;letter-spacing:1.6px;color:var(--muted)}.topbar{height:70px;padding:0 clamp(18px,3vw,34px)}.date-label{display:none}.content{padding:24px clamp(18px,3vw,34px) 125px}.bottomnav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 28px));padding:7px;z-index:20;border:1px solid color-mix(in srgb,var(--line) 92%,transparent);border-radius:25px;background:color-mix(in srgb,var(--card) 78%,transparent);-webkit-backdrop-filter:blur(32px) saturate(170%);backdrop-filter:blur(32px) saturate(170%);box-shadow:0 16px 48px rgba(0,0,0,.22),inset 0 1px 0 color-mix(in srgb,var(--text) 9%,transparent)}.bottomnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:19px;padding:9px 2px;color:var(--muted);font-size:10px;font-weight:800;transition:background .38s var(--spring),color .2s,transform .3s var(--spring)}.bottomnav a span{font-size:22px;line-height:1.15}.bottomnav a.active{background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent)}.bottomnav a:active{transform:scale(.94)}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.quickgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.topbar{height:65px;padding:0 19px}.mobile-brand{font-size:16px}.content{padding:20px 16px 125px}.welcome{padding:25px 20px 24px;border-radius:25px;margin-bottom:13px}.welcome-orb{width:300px;right:-120px;top:-120px}.welcome h1{font-size:clamp(37px,9.2vw,51px);letter-spacing:-2.2px}.welcome .heading-row{margin-bottom:18px}.welcome .eyebrow{font-size:9px;letter-spacing:1.5px}.welcome .muted{font-size:13px}.welcome-actions{gap:8px}.hero-action,.hero-secondary{padding:12px 13px;font-size:11px;gap:12px;border-radius:12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat{min-height:113px;padding:15px;border-radius:19px}.stat strong{font-size:34px}.stat>span{font-size:11px}.stat small{font-size:10px}.quick{margin-top:26px}.quick .section-title h2{font-size:20px}.quick .section-title>span{font-size:10px}.quickgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quickitem{min-height:137px;padding:17px;border-radius:21px}.quickicon{width:41px;height:41px;margin-bottom:10px}.quickitem b{font-size:13px}.quickitem small{font-size:10px}.dashboard-grid{grid-template-columns:1fr;margin-top:20px}.panel{border-radius:21px}.workspace{grid-template-columns:1fr}.auth-card{padding:26px 20px}}
@media(max-width:380px){.mobile-company{font-size:14px}.hero-secondary{display:none}.welcome h1{font-size:37px}.stat small{font-size:9px}.quickitem{padding:14px}}
@media(prefers-color-scheme:light){.welcome{box-shadow:0 22px 75px rgba(35,62,30,.075),inset 0 1px 0 rgba(255,255,255,.8)}.stat,.panel,.quickitem{box-shadow:0 9px 35px rgba(23,45,25,.045),inset 0 1px 0 rgba(255,255,255,.9)}.bottomnav{box-shadow:0 14px 50px rgba(22,40,23,.13),inset 0 1px 0 rgba(255,255,255,.85)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* AK24 Business Hub v1.2: restrained brand + fluid mobile navigation */
.mobile-brand .mobile-company,.brand .company-name{color:var(--text)!important}
.mobile-brand .brand-ak,.mobile-brand .brand-logistik{color:var(--text)!important}
.mobile-brand .brand-numbers{color:var(--accent)!important}
.mobile-brand .brand-slash{color:var(--text)!important}
.mobile-brand .mobile-company{font-weight:850;letter-spacing:-.55px}
@media(max-width:1100px){
.bottomnav{isolation:isolate;overflow:hidden}
.bottomnav::before{content:"";position:absolute;z-index:-1;left:7px;top:7px;bottom:7px;width:calc((100% - 14px)/4);border-radius:19px;background:color-mix(in srgb,var(--accent) 14%,transparent);transform:translateX(calc(var(--active-index,0)*100%));transition:transform .48s cubic-bezier(.22,1,.36,1);pointer-events:none}
.bottomnav a.active{background:transparent!important}
.bottomnav a{position:relative;z-index:1;transition:color .25s,transform .38s cubic-bezier(.22,1,.36,1)}
.bottomnav a:active{transform:scale(.9)}
.content{will-change:auto}
.content.page-arrive-right{animation:pageFromRight .42s cubic-bezier(.22,1,.36,1) both}
.content.page-arrive-left{animation:pageFromLeft .42s cubic-bezier(.22,1,.36,1) both}
.content.page-leave-left{animation:pageToLeft .16s ease-in both;pointer-events:none}
.content.page-leave-right{animation:pageToRight .16s ease-in both;pointer-events:none}
@keyframes pageFromRight{from{opacity:.35;transform:translate3d(34px,0,0)}to{opacity:1;transform:none}}
@keyframes pageFromLeft{from{opacity:.35;transform:translate3d(-34px,0,0)}to{opacity:1;transform:none}}
@keyframes pageToLeft{to{opacity:.55;transform:translate3d(-18px,0,0)}}
@keyframes pageToRight{to{opacity:.55;transform:translate3d(18px,0,0)}}
}
@media(max-width:700px){
/* Compact horizontal metrics instead of four competing cards */
.stats{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:3px 1px 9px;margin-inline:-1px}
.stats::-webkit-scrollbar{display:none}
.stat{flex:0 0 43%;min-width:140px;min-height:92px;padding:13px 14px;border-radius:17px;scroll-snap-align:start;box-shadow:none}
.stat strong{font-size:28px;margin:3px 0 0;letter-spacing:-1px}
.stat small{display:none}
.quick{margin-top:19px}
.quickgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.quickitem{min-height:107px;padding:15px 14px;border-radius:19px;box-shadow:none;display:flex;flex-direction:column;justify-content:center}
.quickicon{height:30px;width:30px;border:0;background:transparent;font-size:25px;margin:0 0 6px}
.quickitem b{font-size:13px}
.quickitem small{display:none}
.quickitem:first-child{background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 17%,var(--card)),var(--card));border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
.quickitem:nth-child(n+3){min-height:74px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;background:color-mix(in srgb,var(--card) 60%,transparent)}
.quickitem:nth-child(n+3) .quickicon{font-size:21px;margin:0;width:24px;height:26px}
.welcome{margin-bottom:13px}
.dashboard-grid{margin-top:22px}
}
@media(prefers-reduced-motion:reduce){.bottomnav::before,.content.page-arrive-right,.content.page-arrive-left,.content.page-leave-left,.content.page-leave-right{animation:none!important;transition:none!important}}

/* AK 24/7 Business Hub V1.8 – visual refresh; no backend changes */
:root{color-scheme:dark;--bg:#0b100e;--card:#151c18;--soft:#1d2821;--text:#f5f8f4;--muted:#9cafa0;--line:rgba(188,222,185,.13);--accent:#68bc31;--glow:rgba(104,188,49,.13);--radius:22px}
body{background:radial-gradient(ellipse 850px 550px at 84% -12%,rgba(104,188,49,.10),transparent 75%),#0b100e;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
@media(prefers-color-scheme:light){:root{color-scheme:dark;--bg:#0b100e;--card:#151c18;--soft:#1d2821;--text:#f5f8f4;--muted:#9cafa0;--line:rgba(188,222,185,.13);--glow:rgba(104,188,49,.13)}}
::selection{background:#68bc31;color:#071006}
:focus-visible{outline:2px solid #8cdd58;outline-offset:3px}
.sidebar{background:linear-gradient(180deg,#111a14,#101512 70%);border-right:1px solid var(--line);box-shadow:12px 0 45px rgba(0,0,0,.08)}
.sidebar .brand{padding:8px 6px}.brandmark{background:#1c2b1e;border-color:rgba(104,188,49,.28);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.side-caption{color:#7f9684}.sidenav{gap:7px}.sidenav a{min-height:49px;border:1px solid transparent}.sidenav a.selected{background:linear-gradient(95deg,rgba(104,188,49,.19),rgba(104,188,49,.045));border-color:rgba(104,188,49,.20);box-shadow:inset 3px 0 #68bc31;color:#fff}.sidenav a:hover{background:rgba(104,188,49,.1)}
.topbar{background:rgba(11,16,14,.87);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.content{max-width:1550px;padding-top:35px}.eyebrow{font-size:10px;letter-spacing:2.4px}.welcome{background:linear-gradient(110deg,#1d3020 0%,#15221a 52%,#101712 100%);border:1px solid rgba(104,188,49,.27);box-shadow:0 24px 60px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.045)}
.welcome:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 70%,rgba(104,188,49,.07));z-index:-1}.welcome-orb{opacity:.8}.welcome h1{letter-spacing:-3px}.welcome .muted{color:#b6c9b9}
.stat,.panel,.quickitem{background:linear-gradient(150deg,#19231c,#141b17 90%);border:1px solid var(--line);box-shadow:0 12px 38px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.035)}
.stat{position:relative;overflow:hidden;min-height:157px}.stat:before{content:'';position:absolute;top:0;left:22px;right:22px;height:2px;background:linear-gradient(90deg,rgba(104,188,49,.6),transparent)}.stat strong{font-weight:850;color:#f8fff8;font-variant-numeric:tabular-nums}.stat small{color:#8bd55b}
.quickitem{position:relative;overflow:hidden;min-height:155px}.quickitem:after{content:'↗';position:absolute;right:20px;top:18px;color:#8eb295;font-size:18px;opacity:.65}.quickicon{background:rgba(104,188,49,.13);border:1px solid rgba(104,188,49,.13)}.quickitem b{font-weight:800}
.panel{padding:27px}.section-title{border-bottom:1px solid rgba(188,222,185,.09);padding-bottom:14px}.minirow{border-top:0;border-bottom:1px solid rgba(188,222,185,.08)}.minirow:last-child{border-bottom:0}.pill{border:1px solid rgba(104,188,49,.25)}
.form input,.form textarea,.statusform select{background:#0f1712;border:1px solid rgba(188,222,185,.18);color:#f5f8f4}.form input::placeholder,.form textarea::placeholder{color:#718575}.form input:focus,.form textarea:focus,.statusform select:focus{border-color:#8bd55b;box-shadow:0 0 0 4px rgba(104,188,49,.13)}
.primary,.hero-action{background:#68bc31;color:#0a1607;box-shadow:0 9px 24px rgba(104,188,49,.13)}.primary:hover,.hero-action:hover{background:#80d54b}.outline,.smallbutton{background:#1c2920;border:1px solid rgba(188,222,185,.16);color:#f5f8f4}
.record{border-top:1px solid rgba(188,222,185,.10)}.record strong{font-weight:800}.empty-state{background:rgba(255,255,255,.012);border-radius:18px}.flash{background:rgba(104,188,49,.15);color:#dff4d7;border:1px solid rgba(104,188,49,.35)}
.auth-wrap{background:radial-gradient(circle at 65% 5%,rgba(104,188,49,.18),transparent 46%),#0b100e}.auth-card{background:#17211a;border-color:rgba(188,222,185,.18);box-shadow:0 32px 90px rgba(0,0,0,.30)}
@media(max-width:1100px){.bottomnav{background:rgba(19,29,22,.96);border-color:rgba(188,222,185,.18)}.bottomnav a.active{color:#90e55e}}
@media(max-width:700px){.content{padding-top:22px}.welcome{padding:26px 21px}.welcome h1{letter-spacing:-2px}.panel{padding:20px}.stat{min-height:105px}.quickitem{min-height:117px}.quickitem:after{right:13px;top:11px}.workspace{gap:14px}.record{gap:10px}.statusform select{min-height:42px}}
@media(prefers-reduced-motion:reduce){.stat,.quickitem,.sidenav a{transition:none!important}}