*{box-sizing:border-box}html{line-height:1.5;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:none;border:0}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}input,select,textarea{min-width:0}input,select,textarea{border:1px solid transparent}input[type=checkbox]{accent-color:#acc9ff}h1,h2,h3,h4,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #c9daff;outline-offset:4px}svg{display:block}label{display:block}img{max-width:100%}
.-bottom-4{bottom:-1rem}
.-mt-6{margin-top:-1.5rem}
.-right-1{right:-0.25rem}
.-right-4{right:-1rem}
.-top-1{top:-0.25rem}
.absolute{position:absolute}
.backdrop-blur-sm{backdrop-filter:blur(5px)}
.backdrop-blur-xl{backdrop-filter:blur(24px)}
.bg-amber-500{background-color:#d6aa62}
.bg-amber-500\/10{background-color:rgba(214,170,98,0.1)}
.bg-amber-500\/20{background-color:rgba(214,170,98,0.2)}
.bg-black\/70{background-color:rgba(0,0,0,0.7)}
.bg-blue-500\/10{background-color:rgba(103,150,173,0.1)}
.bg-emerald-400{background-color:#b2cdfc}
.bg-emerald-500\/10{background-color:rgba(117,152,213,0.1)}
.bg-emerald-500\/20{background-color:rgba(117,152,213,0.2)}
.bg-emerald-600{background-color:#485f9b}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--from),var(--to))}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--from),var(--to))}
.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--from),var(--to))}
.bg-indigo-500\/10{background-color:rgba(124,155,218,0.1)}
.bg-indigo-500\/20{background-color:rgba(124,155,218,0.2)}
.bg-indigo-600{background-color:#506da5}
.bg-red-500\/10{background-color:rgba(201,111,114,0.1)}
.bg-red-500\/20{background-color:rgba(201,111,114,0.2)}
.bg-slate-800{background-color:#2c3d60}
.bg-slate-900{background-color:#172239}
.bg-slate-900\/70{background-color:rgba(23,34,57,0.7)}
.bg-slate-950{background-color:#101625}
.bg-slate-950\/80{background-color:rgba(16,22,37,0.8)}
.bg-slate-950\/90{background-color:rgba(16,22,37,0.9)}
.block{display:block}
.blur-xl{filter:blur(24px)}
.border{border-width:1px;border-style:solid}
.border-amber-500\/30{border-color:rgba(214,170,98,0.3)}
.border-amber-500\/50{border-color:rgba(214,170,98,0.5)}
.border-b{border-bottom:1px solid}
.border-emerald-500\/30{border-color:rgba(117,152,213,0.3)}
.border-indigo-500\/30{border-color:rgba(124,155,218,0.3)}
.border-slate-700{border-color:#405477}
.border-slate-800{border-color:#2c3d60}
.border-slate-800\/80{border-color:rgba(44,61,96,0.8)}
.border-slate-900{border-color:#172239}
.border-t{border-top:1px solid}
.bottom-0{bottom:0rem}
.cursor-pointer{cursor:pointer}
.duration-300{transition-duration:.3s}
.fixed{position:fixed}
.flex{display:flex}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.focus\:border-indigo-500:focus{border-color:#7c9bda}
.focus\:outline-none:focus{outline:none}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.from-indigo-600{--from:#506da5}
.from-indigo-950\/60{--from:rgba(32,46,84,0.6)}
.from-slate-900{--from:#172239}
.gap-1{gap:0.25rem}
.gap-1\.5{gap:0.375rem}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.grid{display:grid}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.h-1\.5{height:0.375rem}
.h-10{height:2.5rem}
.h-12{height:3rem}
.h-16{height:4rem}
.h-20{height:5rem}
.h-4{height:1rem}
.h-6{height:1.5rem}
.h-7{height:1.75rem}
.h-8{height:2rem}
.hidden{display:none!important}
.hover\:bg-emerald-500:hover{background-color:#7598d5}
.hover\:bg-indigo-500:hover{background-color:#7c9bda}
.hover\:bg-red-500\/20:hover{background-color:rgba(201,111,114,0.2)}
.hover\:from-indigo-500:hover{--from:#7c9bda}
.hover\:scale-105:hover{transform:scale(1.025)}
.hover\:text-indigo-300:hover{color:#dbe6ff}
.hover\:text-red-400:hover{color:#f1aaa4}
.hover\:text-slate-300:hover{color:#c8d1e4}
.hover\:text-white:hover{color:#f2f4fc}
.hover\:to-violet-500:hover{--to:#a3a8dc}
.hover\:underline:hover{text-decoration:underline}
.inline-flex{display:inline-flex}
.inset-0{top:0rem;right:0rem;bottom:0rem;left:0rem}
.inset-y-0{top:0rem;bottom:0rem}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.leading-tight{line-height:1.25}
.left-0{left:0rem}
.max-h-\[90vh\]{max-height:90vh}
.max-w-lg{max-width:32rem}
.max-w-md{max-width:28rem}
.max-w-sm{max-width:24rem}
.mb-1{margin-bottom:0.25rem}
.mb-1\.5{margin-bottom:0.375rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.min-h-screen{min-height:100vh;min-height:100dvh}
.mr-1{margin-right:0.25rem}
.mt-0\.5{margin-top:0.125rem}
.mt-1{margin-top:0.25rem}
.mx-auto{margin-left:auto;margin-right:auto}
.outline-none{outline:none}
.overflow-hidden{overflow:hidden}
.overflow-y-auto{overflow-y:auto}
.p-0{padding:0rem}
.p-2\.5{padding:0.625rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.pb-24{padding-bottom:6rem}
.pb-6{padding-bottom:1.5rem}
.pl-10{padding-left:2.5rem}
.pl-3\.5{padding-left:0.875rem}
.placeholder-slate-500::placeholder{color:#94a6c1}
.placeholder-slate-600::placeholder{color:#8493ad}
.pointer-events-none{pointer-events:none}
.pr-4{padding-right:1rem}
.pt-2{padding-top:0.5rem}
.pt-5{padding-top:1.25rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.relative{position:relative}
.right-0{right:0rem}
.rounded-2xl{border-radius:20px}
.rounded-3xl{border-radius:28px}
.rounded-full{border-radius:999px}
.rounded-lg{border-radius:8px}
.rounded-md{border-radius:6px}
.rounded-t-3xl{border-radius:28px 28px 0 0}
.rounded-xl{border-radius:12px}
.scale-100{transform:scale(1)}
.scale-95{transform:scale(.95)}
.select-all{user-select:all}
.shadow-2xl{box-shadow:0 20px 60px #0003}
.shadow-lg{box-shadow:0 8px 28px #0002}
.shadow-md{box-shadow:0 6px 18px #0002}
.shadow-xl{box-shadow:0 12px 38px #0002}
@media(min-width:640px){.sm\:items-center{align-items:center}}
@media(min-width:640px){.sm\:p-4{padding:1rem}}
@media(min-width:640px){.sm\:rounded-3xl{border-radius:28px}}
.space-y-3 > :not([hidden]) ~ :not([hidden]){margin-top:0.75rem}
.space-y-4 > :not([hidden]) ~ :not([hidden]){margin-top:1rem}
.space-y-6 > :not([hidden]) ~ :not([hidden]){margin-top:1.5rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sticky{position:sticky}
.text-2xl{font-size:1.5rem;line-height:1.3}
.text-\[10px\]{font-size:10px}
.text-\[11px\]{font-size:11px}
.text-\[9px\]{font-size:9px}
.text-amber-400{color:#e9c891}
.text-base{font-size:1rem;line-height:1.5}
.text-blue-400{color:#9ecbdf}
.text-center{text-align:center}
.text-emerald-400{color:#b2cdfc}
.text-indigo-400{color:#b4cdfa}
.text-lg{font-size:1.125rem;line-height:1.5}
.text-red-400{color:#f1aaa4}
.text-right{text-align:right}
.text-slate-100{color:#edf1fa}
.text-slate-200{color:#dfe6f6}
.text-slate-300{color:#c8d1e4}
.text-slate-400{color:#abb9d0}
.text-slate-500{color:#94a6c1}
.text-slate-950{color:#101625}
.text-sm{font-size:.875rem;line-height:1.5}
.text-white{color:#f2f4fc}
.text-xl{font-size:1.25rem;line-height:1.4}
.text-xs{font-size:.75rem;line-height:1.5}
.to-slate-900\/50{--to:rgba(23,34,57,0.5)}
.to-violet-500{--to:#a3a8dc}
.to-violet-600{--to:#767bb2}
.to-violet-950\/60{--to:rgba(52,56,85,0.6)}
.top-0{top:0rem}
.tracking-tight{letter-spacing:-.025em}
.tracking-wider{letter-spacing:.06em}
.transition{transition:background .25s,color .25s,transform .25s,border-color .25s}
.transition-transform{transition:transform .25s}
.uppercase{text-transform:uppercase}
.w-1\.5{width:0.375rem}
.w-10{width:2.5rem}
.w-11{width:2.75rem}
.w-12{width:3rem}
.w-16{width:4rem}
.w-20{width:5rem}
.w-4{width:1rem}
.w-7{width:1.75rem}
.w-8{width:2rem}
.w-full{width:100%}
.z-30{z-index:30}
.z-50{z-index:50}

.peer:checked+div{background:#7c9bda}.peer+div:after{content:'';position:absolute;left:2px;top:2px;width:20px;height:20px;border-radius:50%;background:#f2f4fc;transition:transform .2s}.peer:checked+div:after{transform:translateX(20px)}.peer:focus-visible+div{outline:2px solid #c9daff;outline-offset:4px}
:root{color-scheme:dark;--ink:#eff3ff;--muted:#abb9d0;--line:rgba(202,218,255,.13);--glass:rgba(27,38,64,.67);--accent:#c4d8ff}body{font-family:'Plus Jakarta Sans',sans-serif;background:#101625;color:var(--ink);isolation:isolate}button{touch-action:manipulation}button,a{transition:background .25s,transform .25s,opacity .25s}button:active{transform:translateY(1px)}input,textarea,select{color-scheme:dark}input::placeholder,textarea::placeholder{color:#93a6c8}input:focus,textarea:focus,select:focus{border-color:#adc9ff!important;outline:none;box-shadow:0 0 0 3px #adc9ff15}textarea{resize:vertical}small{display:block;font-size:11px;color:var(--muted);line-height:1.7;margin-top:7px}.ambient{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 5%,#344f8540,transparent 60%),#101625}.ambient span{position:absolute;border-radius:50%;filter:blur(65px);opacity:.35;animation:float-light 22s ease-in-out infinite alternate}.ambient span:nth-child(1){width:42vw;height:45vw;min-width:280px;min-height:280px;background:#5c7dbe;top:-25%;right:-6%}.ambient span:nth-child(2){width:32vw;height:32vw;min-width:240px;min-height:240px;background:#655c9d;bottom:-20%;left:-10%;animation-delay:-8s}.ambient span:nth-child(3){width:16vw;height:16vw;background:#9e9fdc;top:48%;left:35%;opacity:.08;animation-delay:-15s}.glass{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(28px);box-shadow:inset 0 1px 0 #ffffff08,0 24px 80px #0002}.auth-layout{min-height:100vh;min-height:100dvh;width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center;padding:50px 32px}.auth-story{min-height:620px;display:flex;flex-direction:column;justify-content:space-between}.wordmark{font-size:26px;font-weight:600;letter-spacing:-1.5px}.wordmark span{color:var(--accent);padding-left:8px;font-size:30px}.eyebrow{display:block;color:#b7c8ef;font-size:9px;letter-spacing:2.2px;font-weight:600;line-height:1.8}.auth-story h1{font-size:clamp(54px,6vw,78px);font-weight:500;line-height:1.13;letter-spacing:-4px;margin:24px 0}.auth-story h1 em{font-family:Georgia,serif;font-weight:400;color:#c4d8ff}.auth-story p{font-size:13px;line-height:1.9;color:#abb9d0}.story-foot{font-size:11px;color:#abb9d0}.auth-card{padding:38px;border-radius:30px;animation:arrive .65s ease both}.auth-heading h2{font-weight:500;font-size:25px;letter-spacing:-1px;margin:15px 0 8px}.auth-heading p{font-size:12px;line-height:1.8;color:var(--muted)}.status-note{font-size:12px;color:#c4d8ff;line-height:1.7;margin:16px 0;overflow-wrap:anywhere}.status-note:empty{display:none}.auth-tabs{margin:25px 0 22px;padding:5px;background:#101a3066;border:1px solid var(--line);border-radius:13px;display:flex;gap:4px}.auth-tabs button{width:50%;padding:10px;font-size:12px;color:#abb9d0;border-radius:9px}.auth-tabs .selected{background:#3e5280;color:#f0f4ff;box-shadow:0 2px 6px #0001}.auth-card label{font-size:11px;color:#d6dff3;margin-bottom:8px}.auth-card input{width:100%;border-radius:12px;background:#151f3566;border:1px solid var(--line);padding:13px 14px;font-size:13px;min-height:46px}.password-wrap{position:relative}.password-wrap input{padding-right:45px}.password-wrap button{position:absolute;right:3px;top:3px;width:40px;height:40px;color:#abb9d0}.primary,.secondary{border-radius:12px;min-height:46px;padding:13px 18px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px}.primary{background:var(--accent);color:#253c66;box-shadow:inset 0 1px 0 #ffffff80}.primary:hover{background:#dce7ff;box-shadow:0 0 25px #c4d8ff12}.primary span{margin-left:auto}.secondary{border:1px solid #acc3ed33;background:#a0b3dd0a;color:#e0e7fb}.secondary:hover{background:#a0b3dd18}.wide{width:100%}.text-button{font-size:11px;color:#bfd5fa;padding:8px 0}.text-button:hover{color:#f0f5ff;text-decoration:underline}#authExtras>.text-button{display:block;margin:8px 0 0 auto}.divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#a0afca;font-size:10px}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.google-mark{font-size:17px;font-weight:700;color:#e6eaff}.auth-foot{text-align:center;font-size:10px;color:#a3b1cc;line-height:1.8;margin-top:22px}#appScreen{max-width:800px;padding-bottom:110px}#appScreen header{background:#151f3580;border-color:var(--line);padding:22px 24px;border-radius:0 0 22px 22px}#appScreen header>div>div:first-child{background:#3b5686;box-shadow:none}#appScreen main{padding:32px 24px}#appScreen nav{max-width:610px;bottom:18px;border:1px solid #b6c7ef29;border-radius:23px;background:#1d2c49bd;padding:16px 32px;box-shadow:0 18px 50px #0004}#appScreen nav button{min-width:48px;min-height:42px;color:#a0afca}#appScreen nav button.nav-active{color:#c4d8ff}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.workspace-heading h1{font-size:32px;letter-spacing:-1.4px;font-weight:500;margin:10px 0 6px}.workspace-heading p{font-size:12px;color:#abb9d0}.workspace-flower{font-size:60px;color:#b9cbf5;font-weight:300;animation:flower-turn 100s linear infinite}.sync-row{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:20px!important;font-size:10px;color:#b5c5e6}.sync-row>span{overflow-wrap:anywhere}#appScreen [class*="bg-slate-900"]{background:rgba(28,40,65,.58);backdrop-filter:blur(20px);border-color:var(--line);box-shadow:inset 0 1px 0 #ffffff07,0 10px 35px #0001}#appScreen [class*="bg-gradient-to-br"]{background:linear-gradient(140deg,#364d7b90,#22335470);border-color:var(--line)}#appScreen [class*="bg-gradient-to-r"]{background:linear-gradient(110deg,#46578b80,#29395370);border-color:#b0c5ef30;box-shadow:none}#appScreen #statOmset,#appScreen #statProfit{font-size:clamp(18px,3.7vw,28px);font-weight:500;letter-spacing:-1px;overflow-wrap:anywhere}#appScreen [class*="bg-indigo-600"]{background:#c8dbff;color:#253c66;box-shadow:none}#fullOrdersList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#fullOrdersList>*{margin-top:0}.profile-card{padding:26px;border-radius:24px}.profile-card h2{font-size:22px;font-weight:500;margin:12px 0 22px;letter-spacing:-.7px}.profile-card h3{font-size:16px;font-weight:500}.profile-card p{font-size:12px;color:#abb9d0;margin:10px 0 16px}.profile-card dl{display:grid;grid-template-columns:100px 1fr;gap:16px;font-size:12px;margin-bottom:26px}.profile-card dt{color:#abb9d0}.profile-card dd{margin:0;overflow-wrap:anywhere}#viewDashboard,#viewOrders,#viewRenew,#viewProfile{animation:arrive .35s ease both}#orderModal>div,#modalContainer{background:rgba(24,36,61,.96);border-color:var(--line);box-shadow:0 30px 100px #0005}#orderForm label{font-size:10px;letter-spacing:.6px;text-transform:none}#orderForm input,#orderForm textarea,#orderForm select{font-size:12px}#orderForm button[type=submit]{background:#c4d8ff;color:#253c66;box-shadow:none}#orderModal{z-index:50}#customModal{z-index:70}.animate-pulse{animation:subtle-pulse 3s ease-in-out infinite}.max-h-\[90vh\]{max-height:90vh;max-height:90dvh}.hide-scrollbar{scrollbar-width:none}::selection{background:#c7dcff;color:#1b2c54}@keyframes float-light{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(70px,50px,0) scale(1.18)}}@keyframes arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes flower-turn{to{transform:rotate(360deg)}}@keyframes subtle-pulse{50%{opacity:.45}}@media(min-width:1000px){#recentOrdersList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#recentOrdersList>*{margin:0}#recentOrdersList>*:only-child{grid-column:1/-1}#recentOrdersList .flex.items-start{flex-direction:column;gap:12px}#recentOrdersList .text-right{text-align:left}}@media(max-width:760px){.auth-layout{grid-template-columns:1fr;max-width:480px;gap:26px;padding:28px 20px 44px}.auth-story{min-height:0;gap:23px}.auth-story>div{display:none}.story-foot{display:none}.wordmark{font-size:24px}.auth-card{padding:30px 24px;border-radius:26px}.auth-heading h2{font-size:25px}#appScreen main{padding:24px 18px}.workspace-heading h1{font-size:29px}.workspace-flower{font-size:48px}#appScreen nav{left:16px;right:16px;bottom:12px;padding:13px 20px;border-radius:21px;padding-bottom:max(13px,env(safe-area-inset-bottom))}#fullOrdersList{grid-template-columns:1fr}#appScreen header{padding:18px}.workspace-heading .eyebrow{font-size:8px;letter-spacing:1.4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ambient span{transform:none}}
.header-tools{display:flex;align-items:center;gap:12px}.bell-button{position:relative;width:42px;height:42px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;background:#718fc510;color:#d2e0ff;font-size:19px}.bell-button:hover{background:#718fc52a}.count-dot{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 4px;border-radius:20px;background:#bdcfff;color:#1d3155;font-size:10px;font-weight:700;border:2px solid #172239;display:flex;align-items:center;justify-content:center}.owner-pill{border:1px solid #b5ccff40;border-radius:30px;padding:9px 12px;font-size:11px;color:#cbddff;background:#92b3ff12;display:flex;gap:7px;align-items:center}.music-widget{padding:16px 18px;border-radius:20px}.music-top{display:flex;align-items:center;gap:12px}.music-icon{width:38px;height:38px;display:grid;place-items:center;background:#a7c4ff15;border-radius:12px;color:#bbd3ff}.music-top>div{flex:1;min-width:0}.music-top small{margin:0;font-size:8px;letter-spacing:1.6px}.music-top h2{font-size:13px;font-weight:500;overflow-wrap:anywhere}#musicPlayer{padding-top:16px}#musicPlayer iframe{border:0;border-radius:14px}#musicPlayer audio{width:100%;display:block}#musicPlayer p{font-size:10px;line-height:1.7;color:var(--muted);margin-top:10px}.notification-sheet{width:min(100%,480px);max-height:85vh;max-height:85dvh;overflow:auto;padding:26px;border-radius:26px;background:#19263bea}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.notification-heading h2{font-size:26px;font-weight:500;letter-spacing:-.9px;margin-top:10px}.notification-intro{font-size:12px;color:var(--muted);margin:14px 0}.notification-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;color:var(--muted);margin-bottom:18px}.notification-actions>span{max-width:52%;overflow-wrap:anywhere}.notice-list{display:grid;gap:11px;margin-top:16px}.notice{display:block;width:100%;text-align:left;border:1px solid #a8c4ed20;background:#8cabd509;border-radius:17px;padding:16px;overflow-wrap:anywhere}.notice-unread{border-color:#b2cdff65;background:#97b7fa12}.notice-read{opacity:.75}.notice strong{display:block;font-size:13px;font-weight:600;margin-top:6px}.notice p{font-size:12px;color:#b3c3dd;line-height:1.8;white-space:pre-line;margin-top:6px}.notice-kind{font-size:9px;letter-spacing:.4px;color:#c1d8ff}.notice small{font-size:9px;margin-top:9px}.notice-empty{font-size:12px;color:var(--muted);line-height:1.9;padding:18px 0}.owner-heading h2{font-size:26px;font-weight:500;line-height:1.4;margin:12px 0}.owner-heading p{font-size:12px;color:var(--muted)}.owner-form label{font-size:11px;color:#cfdbf2;margin-bottom:8px}.owner-form input:not([type=checkbox]),.owner-form select,.owner-form textarea{width:100%;background:#0f1b3166;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:12px}.owner-form .check-label{display:flex;gap:10px;align-items:center;font-size:12px}.owner-form input[type=checkbox]{accent-color:#9dbefa;width:16px;height:16px}.owner-form input[type=file]{font-size:11px}.owner-form h3{margin-bottom:12px}#notificationModal{z-index:60}#appScreen #viewOwner .glass{background:#19273dc9}@media(max-width:460px){.header-tools{gap:7px}.owner-pill{font-size:10px;padding:8px 10px}#appScreen nav{padding-left:12px;padding-right:12px}.notification-sheet{padding:20px}.music-widget{padding:14px}.music-top{gap:9px}.music-top .text-button{font-size:10px}.music-top small{letter-spacing:1px}} 
#appScreen header>div:first-child{min-width:0}#appScreen .header-tools{flex-shrink:0}#userDisplay{max-width:clamp(72px,26vw,260px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.reminder-calendar {
  border: 1px solid #b4ceff35;
  border-radius: 16px;
  padding: 16px;
  background: #88aaff0b;
}
.reminder-calendar small { font-size: 10px; }
.report-actions { display: grid; gap: 10px; }
.report-toolbar {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}
.report-sheet {
  width: min(1100px,100%);
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
  padding: 26px;
  border-radius: 26px;
  background: #19263bf5;
}
.report-table-scroll { overflow: auto; max-height: 58vh; }
.report-table-scroll table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
  min-width: 1000px;
}
.report-table-scroll th,
.report-table-scroll td {
  padding: 12px;
  border-bottom: 1px solid #a8c4ed26;
  vertical-align: top;
  text-align: left;
  max-width: 260px;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.report-table-scroll thead th {
  background: #293d60;
  position: sticky;
  top: 0;
  color: #dbe7ff;
}
.report-table-scroll tbody tr:nth-child(even) {
  background: #95b6e608;
}
.report-table-scroll .report-money {
  text-align: right;
  white-space: nowrap;
}
.report-table-scroll tfoot {
  background: #2a3d60;
  font-weight: 600;
}
.report-table-scroll th { white-space: nowrap; }
.report-table-scroll td:nth-child(4),
.report-table-scroll td:nth-child(5),
.report-table-scroll td:nth-child(6) {
  white-space: nowrap;
}
#reportModal { z-index: 65; }
.password-state {
  font-size: 11px;
  line-height: 1.8;
  color: #c4d8ff;
  margin: 0 0 14px;
}
.password-sheet {
  width: min(100%,460px);
  max-height: 90vh;
  max-height: 90dvh;
  overflow: auto;
  padding: 26px;
  border-radius: 26px;
  background: #19263bf5;
}
.password-sheet h2 {
  font-size: 24px;
  letter-spacing: -.7px;
  font-weight: 500;
  margin-top: 10px;
}
.password-sheet > small { margin-top: 18px; }
.password-sheet .check-label { margin-top: 12px; }
.password-sheet input[type=checkbox] { accent-color: #9dbefa; }
#passwordModal { z-index: 66; }

@media(max-width:460px) {
  .password-sheet { padding: 22px; }
}

@media print {
  body {
    background: white !important;
    color: #152a44 !important;
  }
  .ambient, #authScreen, #appScreen, #customModal,
  #orderModal, #notificationModal, #passwordModal {
    display: none !important;
  }
  #reportModal {
    display: block !important;
    position: static !important;
    background: white !important;
    padding: 0 !important;
    backdrop-filter: none !important;
  }
  #reportModal.hidden { display: none !important; }
  .report-sheet {
    width: 100%;
    max-height: none;
    overflow: visible;
    background: white !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    backdrop-filter: none;
    padding: 0;
    color: #152a44;
  }
  .report-sheet .bell-button,
  .report-toolbar, #reportStatus {
    display: none !important;
  }
  .report-table-scroll { overflow: visible; max-height: none; }
  .report-table-scroll table { min-width: 0; font-size: 8px; }
  .report-table-scroll th,
  .report-table-scroll td {
    padding: 5px;
    color: #152a44 !important;
    border-color: #d3ddea;
  }
  .report-table-scroll thead th {
    position: static;
    background: #dce7fc !important;
    color: #152a44 !important;
  }
  .report-table-scroll tr { break-inside: avoid; }
  .report-sheet .eyebrow,
  .report-sheet .notification-intro { color: #3d5474 !important; }
  @page { size: A4 landscape; margin: 12mm; }
}