:root{--blue:#0748ba;--blue-2:#1766e6;--navy:#071b53;--ink:#15203a;--muted:#687180;--bg:#f2f4f8;--white:#fff;--line:#e5e8ef;--danger:#d5223e;--shadow:0 12px 34px rgba(19,45,96,.12);--radius:22px}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:#e8ebf2;color:var(--ink);font-family:"Poppins",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}svg{width:1.5rem;height:1.5rem;fill:currentColor}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.app-shell{position:relative;width:100%;max-width:760px;min-height:100dvh;margin:auto;background:var(--bg);box-shadow:0 0 50px rgba(21,32,58,.15)}
.app-header{position:sticky;z-index:40;top:0;height:106px;display:grid;grid-template-columns:58px minmax(100px,1fr) auto 54px 40px;align-items:center;gap:12px;padding:20px 28px;background:#fff;border-bottom:1px solid #edf0f5}.brand-mark img{display:block;width:56px;height:56px;border-radius:16px}.page-heading h1{margin:0;font-size:1.45rem;letter-spacing:-.04em}.barangay-name{max-width:150px;color:#6f7280;font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-button{display:grid;place-items:center;width:52px;height:56px;color:#fff;border-radius:16px;background:linear-gradient(145deg,#f7a315,#ff7800);box-shadow:0 8px 18px rgba(244,130,15,.25)}.profile-button svg{width:28px;height:28px}.logout-form{margin:0}.icon-button{border:0;background:transparent}.logout-button{display:grid;place-items:center;color:#d41435}.logout-button svg{width:29px;height:29px}.app-main{min-height:calc(100dvh - 185px);padding:26px 28px 118px}.bottom-nav{position:fixed;z-index:45;bottom:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);width:min(760px,100%);height:88px;padding:12px 16px max(10px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e7eaf0}.bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;color:#707986;font-weight:600;font-size:.76rem}.bottom-nav svg{width:27px;height:27px}.bottom-nav a.active{color:#0050bd}.flash-stack{position:fixed;z-index:80;top:112px;left:50%;transform:translateX(-50%);width:min(704px,calc(100% - 32px))}.flash-stack.standalone{top:18px}.flash{padding:13px 18px;margin-bottom:8px;background:#eef5ff;border:1px solid #bfd5fc;border-radius:12px;color:#18467c;box-shadow:var(--shadow);font-size:.88rem}.flash.success{background:#eaf8ef;border-color:#b9e2c7;color:#176636}.flash.warning{background:#fff7df;border-color:#f0d583;color:#6e5410}
.welcome-card{position:relative;overflow:hidden;min-height:222px;display:flex;align-items:center;padding:36px 32px;color:#fff;border-radius:26px;background:radial-gradient(circle at 85% 48%,rgba(255,207,53,.16) 0 4%,transparent 5% 11%,rgba(255,207,53,.08) 12% 13%,transparent 14%),linear-gradient(135deg,#0b50c2,#071b68);box-shadow:0 18px 34px rgba(7,57,151,.2)}.welcome-card:after{content:"";position:absolute;right:-40px;bottom:-80px;width:250px;height:250px;border-radius:50%;background:rgba(0,30,112,.28)}.welcome-card>div{position:relative;z-index:1}.welcome-card p{margin:0 0 6px;font-size:1.02rem}.welcome-card h2{margin:0;font-size:1.8rem;letter-spacing:-.04em}.welcome-card h2 strong{color:#f2e526}.welcome-card span{display:block;max-width:540px;margin-top:16px;color:#cfddfa;font-size:1rem;line-height:1.7}.section-title{display:flex;align-items:center;gap:18px;margin:36px 0 20px}.section-title h2{margin:0;color:#666e7a;font-size:1rem;letter-spacing:.07em;text-transform:uppercase}.section-title span{height:1px;flex:1;background:#dde1e8}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{position:relative;overflow:hidden;aspect-ratio:1/1;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;padding:22px;color:#fff;border-radius:24px;box-shadow:0 11px 25px rgba(9,27,67,.16);isolation:isolate}.service-card:after{content:"";position:absolute;z-index:-1;top:-30%;right:-35%;width:100%;height:100%;border-radius:50%;background:rgba(255,255,255,.05)}.service-card.blue{background:linear-gradient(145deg,#0756cb,#06184d)}.service-card.green{background:linear-gradient(145deg,#087249,#032a20)}.service-card.red{background:linear-gradient(145deg,#dc1833,#5a0312)}.service-card.navy{background:linear-gradient(145deg,#19376f,#07132e)}.service-card.brown{background:linear-gradient(145deg,#95551a,#331805)}.service-card.purple{background:linear-gradient(145deg,#7837bd,#2d0c55)}.flag-stripe{position:absolute;top:0;left:0;width:100%;height:7px;background:linear-gradient(90deg,#1053ba 0 34%,#f7df18 34% 66%,#d51d36 66%)}.service-icon{display:grid;place-items:center;width:57px;height:57px;margin-bottom:16px;border:1px solid rgba(255,255,255,.3);border-radius:16px;background:rgba(255,255,255,.14)}.service-icon svg{width:28px;height:28px}.service-card strong{font-size:1rem;line-height:1.25}.recent-list{display:grid;gap:12px}.request-card{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:14px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 7px 18px rgba(19,45,96,.06)}.request-card-icon{display:grid;place-items:center;width:48px;height:48px;color:#fff;border-radius:14px;background:linear-gradient(145deg,var(--blue),#052668)}.request-card>span:nth-child(2){min-width:0}.request-card strong,.request-card small{display:block}.request-card small{margin-top:3px;color:var(--muted);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;background:#edf0f5;color:#586172;font-style:normal;font-size:.65rem;font-weight:700;text-align:center}.status-pending{background:#fff3ca;color:#7d5a00}.status-review{background:#dceafe;color:#17519b}.status-payment{background:#f6defd;color:#7b288e}.status-ready{background:#d9f6e5;color:#147040}.status-released{background:#d7f0ff;color:#08628f}.status-rejected,.status-cancelled{background:#ffe1e5;color:#9f2031}.empty-card{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:26px;color:#7c828d;text-align:center;background:#fff;border:1px solid var(--line);border-radius:22px}.empty-card.compact{min-height:140px;grid-column:1/-1}.empty-card svg{width:52px;height:52px;color:#d7d9de}.empty-card p{margin:0}
.page-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-intro h2{margin:1px 0 0;font-size:1.6rem}.eyebrow{margin:0;color:#667181;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.small-button,.secondary-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:15px;font-weight:700}.small-button{padding:10px 15px;color:#fff;background:var(--blue)}.primary-button{width:100%;min-height:58px;padding:14px 20px;color:#fff;background:linear-gradient(105deg,#0545b5,#176be4);box-shadow:0 12px 25px rgba(12,78,186,.22)}.secondary-button{width:100%;min-height:54px;padding:12px 18px;color:#0a48ac;background:#e9f1ff;border:1px solid #c7d8fa}.filter-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}.filter-row label{color:#687180;font-weight:700;font-size:.82rem;text-transform:uppercase}.filter-row select{flex:1;padding:11px 14px;background:#fff;border:1px solid var(--line);border-radius:12px}.full-list .request-card{padding:18px}.back-link{display:inline-block;margin-bottom:18px;color:var(--blue);font-weight:600}.detail-card,.profile-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.detail-head h2{margin:4px 0;font-size:1.45rem}.status-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:28px 0}.status-timeline i{height:7px;background:#e4e7ed;border-radius:10px}.status-timeline i.done{background:linear-gradient(90deg,#0750bf,#35a8f4)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:0}.detail-grid div{padding-bottom:14px;border-bottom:1px solid #edf0f4}.detail-grid dt{color:#7b8290;font-size:.72rem;font-weight:700;text-transform:uppercase}.detail-grid dd{margin:5px 0 0;font-weight:600}.office-note{margin-top:22px;padding:18px;background:#eef4ff;border-left:4px solid var(--blue);border-radius:10px}.office-note p{margin:6px 0 0;color:#4f5e74}.detail-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}
.sheet-page .app-main{position:relative;padding:0 0 88px;background:#d9deea}.sheet-backdrop{height:130px;background:linear-gradient(rgba(13,31,78,.55),rgba(13,31,78,.55)),linear-gradient(135deg,#0b50c2,#071b68);filter:blur(2px)}.request-sheet{position:relative;margin-top:-18px;overflow:hidden;background:#fff;border-radius:30px 30px 0 0;box-shadow:0 -12px 30px rgba(10,28,65,.12)}.request-sheet:before{content:"";display:block;width:70px;height:5px;margin:13px auto;background:#e8ebf1;border-radius:10px}.request-sheet header{display:flex;align-items:center;justify-content:space-between;padding:24px 38px;color:#fff;background:linear-gradient(105deg,#0748ba,#1767e5)}.request-sheet header h2{margin:0;font-size:1.25rem}.request-sheet header a{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:rgba(255,255,255,.14);font-size:2rem}.request-form{display:grid;gap:24px;padding:36px 38px 44px}.field{display:flex;flex-direction:column;gap:8px}.field>label{color:#626b76;font-size:.79rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase}.field input,.field textarea,.field select,.form-stack input,.form-grid input,.form-grid textarea,.form-grid select{width:100%;padding:16px 18px;color:#151922;background:#f7f8fb;border:2px solid #e3e6ec;border-radius:16px;outline:none;transition:.2s}.field input:focus,.field textarea:focus,.field select:focus,.form-stack input:focus,.form-grid input:focus{border-color:#1b66d5;box-shadow:0 0 0 4px rgba(27,102,213,.1)}.field input:disabled{color:#111;background:#f7f8fb}.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented label{padding:16px 10px;color:#68707b;text-align:center;background:#f0f2f6;border:2px solid #e3e6ec;border-radius:15px;font-weight:700}.segmented input:checked+label{color:#fff;background:var(--blue);border-color:var(--blue)}.field-error{color:#b52034;font-size:.75rem}.fee-note{display:flex;justify-content:space-between;padding:14px 16px;background:#f2f6fe;border-radius:12px}.fee-note span{color:#6c7481}.fee-note strong{color:var(--blue)}
.chat-page .app-main{padding:25px 28px 88px}.chat-shell{height:calc(100dvh - 219px);min-height:520px;display:grid;grid-template-rows:auto 1fr auto;background:#f0f2f6;box-shadow:0 3px 24px rgba(18,37,78,.08)}.chat-office{display:flex;align-items:center;gap:13px;padding:24px 34px;background:#fff}.avatar{display:grid;place-items:center;width:46px;height:46px;color:#fff;background:linear-gradient(145deg,#0748ba,#721e71);border-radius:50%;font-weight:800}.chat-office strong,.chat-office small{display:block}.chat-office strong{font-size:1.12rem}.message-thread{overflow:auto;padding:22px}.bubble{width:max-content;max-width:78%;padding:17px 20px;margin-bottom:14px;border-radius:25px 25px 25px 5px;background:#fff;box-shadow:0 7px 16px rgba(14,38,84,.08)}.bubble.resident{margin-left:auto;color:#fff;background:linear-gradient(135deg,#0645b5,#1767e4);border-radius:25px 25px 5px 25px}.bubble p{margin:0;font-size:.95rem}.bubble time{display:block;margin-top:8px;color:#98a1af;font-size:.7rem}.bubble.resident time{color:#bcd3ff}.chat-empty{display:grid;place-items:center;align-content:center;height:100%;color:#7d8694;text-align:center}.chat-empty p{margin-bottom:3px}.message-composer{display:grid;grid-template-columns:1fr 58px;gap:12px;padding:14px 18px;background:#fff}.message-composer input{min-width:0;padding:15px 18px;border:2px solid var(--blue);border-radius:999px;outline:none}.message-composer button{display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#0751c7,#145bd3);border:0;border-radius:50%;font-size:1.4rem;box-shadow:0 8px 18px rgba(7,72,186,.24)}
.announcement-list{display:grid;gap:16px}.announcement-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 7px 20px rgba(18,36,74,.06)}.announcement-card time{color:#7b8390;font-size:.72rem}.announcement-card h3{margin:7px 0 6px}.announcement-card .summary{margin:0;color:#5d6878}.announcement-card details{margin-top:14px}.announcement-card summary{color:var(--blue);font-weight:700;cursor:pointer}.announcement-card details p{color:#4d5868;line-height:1.7}.profile-card header{display:flex;align-items:center;gap:18px;margin-bottom:30px}.large-avatar{display:grid;place-items:center;width:75px;height:75px;color:#fff;border-radius:22px;background:linear-gradient(145deg,#0748ba,#7b247c);font-size:2rem;font-weight:800}.profile-card h2,.profile-card p{margin:0}.profile-card em{display:inline-block;margin-top:6px;color:#217449;font-size:.75rem;font-style:normal;font-weight:700}.profile-card em.pending-verify{color:#aa7210}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-grid .full{grid-column:1/-1}.form-grid small{color:#76808f;font-size:.68rem}.form-grid ul{margin:4px 0;padding-left:18px}.form-grid li{color:#727b88;font-size:.68rem}
.auth-page{min-height:100dvh;background:radial-gradient(circle at 90% 5%,rgba(255,225,43,.15),transparent 20%),linear-gradient(145deg,#07338d,#06163f)}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:28px}.auth-shell.wide{padding:40px 28px}.auth-panel{width:min(460px,100%);padding:36px;background:#fff;border-radius:28px;box-shadow:0 28px 80px rgba(0,10,35,.35)}.auth-shell.wide .auth-panel{width:min(720px,100%)}.auth-logo{display:block;width:74px;height:74px;margin-bottom:25px;border-radius:20px}.auth-logo.small{width:58px;height:58px;margin-bottom:18px}.auth-panel h1{margin:7px 0;font-size:2rem;letter-spacing:-.05em}.auth-copy{margin:0 0 24px;color:#687486;line-height:1.6}.form-stack{display:grid;gap:18px}.auth-switch{margin:22px 0 0;text-align:center;color:#667181;font-size:.85rem}.auth-switch a{color:var(--blue);font-weight:700}.security-note{margin:22px 0 0;padding:12px;color:#627087;text-align:center;background:#f2f5fa;border-radius:12px;font-size:.7rem;line-height:1.5}.form-error{padding:12px;color:#9c2130;background:#fff0f2;border-radius:10px;font-size:.8rem}.verify-panel{text-align:center}.verified-icon{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 18px;color:#fff;background:#23a663;border-radius:50%;font-size:2.3rem}.verify-panel .detail-grid{text-align:left}.error-code{color:#dce7ff;font-size:5rem;font-weight:800;text-shadow:0 5px 0 #0b4ab4}
.document-page{background:#111528}.document-page .app-shell,.document-page .app-main{background:#111528}.document-page .app-main{padding:18px 6px 120px}.document-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:700px;margin:0 auto 18px;padding:0 16px}.document-tabs{display:flex;gap:6px;padding:7px;background:#202a3b;border-radius:12px}.document-tabs a,.print-button{padding:10px 15px;border:0;border-radius:8px;font-weight:700}.document-tabs a{color:#b8c0ce}.document-tabs a.active,.print-button{color:#173565;background:#fff}.paper{width:min(690px,100%);min-height:900px;margin:auto;color:#13203b;background:#fff;box-shadow:0 12px 40px rgba(0,0,0,.4);font-family:Georgia,"Times New Roman",serif}.certificate-paper{position:relative;padding:34px 48px 45px;border-top:8px solid #e71c2d;border-bottom:14px solid #0b2879}.certificate-paper:before{content:"";position:absolute;top:0;left:0;width:55%;height:8px;background:#1255c5}.certificate-top{display:flex;align-items:center;justify-content:space-between}.certificate-top>div:last-child{text-align:right}.certificate-top small,.certificate-top strong{display:block}.seal-row{display:flex;gap:7px}.seal{display:grid;place-items:center;width:43px;height:43px;border:2px solid #1d4585;border-radius:50%;font-family:Poppins,sans-serif;font-size:.68rem;font-weight:800}.certificate-office{margin-top:15px;padding:5px;text-align:center;border-bottom:1px solid #26344b;font-size:1.05rem;font-weight:800}.ornament{text-align:center}.certificate-paper h2{text-align:center;letter-spacing:.08em}.certificate-paper h3{margin-top:30px;font-size:.93rem}.certificate-copy{text-align:justify;text-indent:36px;line-height:1.65}.compliance-table{width:100%;margin:25px 0;border-collapse:collapse}.compliance-table th,.compliance-table td{padding:8px;border:1px solid #202020;text-align:left;font-size:.75rem}.compliance-table th:last-child,.compliance-table td:last-child{text-align:center}.certificate-signatures{display:grid;grid-template-columns:120px 105px 1fr;align-items:end;gap:20px;margin-top:45px;text-align:center}.qr-code{display:grid;grid-template-columns:repeat(12,1fr);width:110px;height:110px;padding:5px;background:#fff;border:1px solid #111}.qr-code i.on{background:#111}.certificate-signatures small{display:block;margin-top:7px;word-break:break-all;font-size:.5rem}.thumb-box{display:grid;place-items:center;height:105px;color:#aaa;border:1px solid #555;font-size:.7rem}.signature span,.applicant-signature span{display:block;border-bottom:1px solid #111}.signature strong,.signature small,.applicant-signature small{display:block;margin-top:4px;font-size:.68rem}.applicant-signature{width:220px;margin:65px 0 0 auto;text-align:center}.certificate-paper footer{position:absolute;right:0;bottom:0;left:0;padding:12px;text-align:center;color:#fff;background:linear-gradient(100deg,#0c3c9b 0 40%,#e32231 40% 47%,#071e65 47%);font-family:Poppins,sans-serif;font-size:.63rem}.development-note{color:#f04f50;text-align:center;font-size:1.1rem}.invoice-paper header{padding:28px;color:#fff;text-align:center;background:#23438f}.invoice-paper header small{letter-spacing:.28em}.invoice-paper header h2{margin:5px 0;letter-spacing:.12em}.invoice-paper header p{margin:0;color:#cbd5ee}.invoice-content{padding:48px 42px}.invoice-meta{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px dashed #b7bdc8}.invoice-meta div:last-child{text-align:right}.invoice-meta small,.invoice-meta strong,.invoice-line small,.invoice-line strong,.invoice-description small,.invoice-description span{display:block}.invoice-meta strong{font-size:1.2rem;letter-spacing:.1em}.invoice-line{padding:28px 0;border-bottom:1px dashed #b7bdc8}.invoice-line strong{margin-top:7px;font-size:1.2rem;letter-spacing:.06em}.invoice-description{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px dashed #b7bdc8}.invoice-description>strong{color:#173d82;font-size:1.35rem}.invoice-description div>strong{display:block;margin-top:8px}.invoice-description span{margin-top:4px;color:#737e8b}.invoice-total{display:flex;align-items:center;justify-content:space-between;margin-top:28px;padding:25px;background:#eef3f7;border-radius:12px}.invoice-total span{color:#173d82;font-size:1.9rem}.claim-note{margin:26px 0;color:#6e7888;text-align:center;font-style:italic;line-height:1.5}.instructions{padding:19px;color:#254168;background:#edf2ff;border-left:5px solid #1a9be9;border-radius:0 10px 10px 0}.instructions p{margin:10px 0 0;line-height:1.65}.invoice-paper footer{padding:28px;color:#a7adb8;text-align:center;background:#fafbfc;font-size:.7rem;letter-spacing:.08em;line-height:1.7}.barcode{height:42px;width:200px;margin:16px auto 2px;background:repeating-linear-gradient(90deg,#a9aeb8 0 2px,transparent 2px 5px,#a9aeb8 5px 8px,transparent 8px 10px)}
@media (max-width:620px){.app-header{height:88px;grid-template-columns:48px minmax(80px,1fr) 48px 34px;padding:14px 18px;gap:9px}.brand-mark img{width:48px;height:48px}.page-heading h1{font-size:1.14rem}.barangay-name{display:none}.profile-button{width:46px;height:48px}.app-main{padding:22px 18px 106px}.welcome-card{min-height:190px;padding:27px 24px;border-radius:22px}.welcome-card p{font-size:.87rem}.welcome-card h2{font-size:1.45rem}.welcome-card span{font-size:.87rem}.service-grid{gap:11px}.service-card{padding:17px;border-radius:20px}.service-icon{width:48px;height:48px;margin-bottom:12px}.service-card strong{font-size:.82rem}.section-title{margin:29px 0 16px}.section-title h2{font-size:.84rem}.bottom-nav{height:78px;padding:8px 8px max(7px,env(safe-area-inset-bottom))}.bottom-nav svg{width:24px;height:24px}.bottom-nav a{font-size:.67rem}.request-card{grid-template-columns:44px 1fr;gap:11px}.request-card>.status{grid-column:2;justify-self:start}.request-card-icon{width:44px;height:44px}.request-sheet header{padding:21px 24px}.request-form{padding:30px 24px 38px}.detail-card,.profile-card{padding:21px}.detail-grid{grid-template-columns:1fr}.detail-actions{grid-template-columns:1fr}.chat-page .app-main{padding:18px 14px 78px}.chat-shell{height:calc(100dvh - 184px)}.chat-office{padding:18px}.message-thread{padding:16px}.message-composer{grid-template-columns:1fr 54px;padding:11px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.auth-shell{padding:16px}.auth-panel{padding:27px 23px}.paper{transform-origin:top center}.document-toolbar{padding:0 6px}.document-tabs a,.print-button{padding:8px 10px;font-size:.72rem}.certificate-paper{padding:24px 25px 42px}.seal{width:31px;height:31px;font-size:.5rem}.certificate-top>div:last-child{font-size:.67rem}.certificate-paper h2{font-size:1rem}.certificate-copy{font-size:.7rem}.certificate-signatures{grid-template-columns:82px 70px 1fr;gap:10px}.qr-code{width:78px;height:78px}.thumb-box{height:72px}.invoice-content{padding:32px 26px}.invoice-paper header{padding:22px 15px}.invoice-meta,.invoice-description,.invoice-total{gap:14px}.invoice-meta strong,.invoice-line strong{font-size:.92rem}.invoice-total span{font-size:1.45rem}}
@media (max-width:390px){.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{aspect-ratio:1.15/1}.welcome-card h2{font-size:1.25rem}.welcome-card span{line-height:1.5}.page-heading h1{font-size:1rem}.segmented label{font-size:.8rem}.request-sheet header h2{font-size:1rem}.certificate-signatures{grid-template-columns:72px 1fr}.certificate-signatures .thumb-box{display:none}}
@media (min-width:900px){body{padding:24px}.app-shell{min-height:calc(100dvh - 48px);border-radius:28px;overflow:hidden}.bottom-nav{bottom:24px;border-radius:0 0 28px 28px}.app-header{position:relative}.sheet-page .app-shell{overflow:visible}.auth-page{padding:0}}
@media print{body,.document-page,.document-page .app-shell,.document-page .app-main{background:#fff!important}.app-header,.bottom-nav,.no-print,.flash-stack{display:none!important}.document-page .app-main{padding:0}.app-shell{max-width:none;min-height:0;box-shadow:none}.paper{width:100%;min-height:100vh;box-shadow:none;break-inside:avoid}@page{size:A4;margin:0}}
.nav-icon-wrap{position:relative;display:grid;place-items:center}.nav-badge{position:absolute;top:-7px;right:-11px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px;color:#fff;background:#d7193f;border:2px solid #fff;border-radius:999px;font-size:.55rem;font-style:normal;font-weight:800;line-height:1}.bubble p{white-space:pre-wrap}.message-composer .chat-connection{grid-column:1/-1;min-height:14px;margin-top:-7px;padding-left:14px;color:#667386;font-size:.62rem}.message-composer .chat-connection.is-error{color:#b42136}.message-composer button:disabled{cursor:wait;opacity:.6}
[hidden],.nav-badge[hidden]{display:none!important}.live-feed-status{min-height:17px;margin:10px 4px 0;color:#87909d;font-size:.62rem;text-align:right}.live-feed-status.is-error{color:#b52237}
.request-notification{border-left:5px solid #236acb}.request-notification.status-ready,.request-notification.status-released{border-left-color:#23a568}.request-notification.status-rejected,.request-notification.status-cancelled{border-left-color:#d52b43}.notification-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-action{display:inline-block;margin-top:14px;color:var(--blue);font-size:.75rem;font-weight:700}
.verification-gate{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;margin-top:20px;padding:16px 18px;color:#624b09;background:#fff8df;border:1px solid #efd47c;border-radius:18px;box-shadow:0 7px 18px rgba(92,68,5,.08)}.verification-gate-icon{display:grid;place-items:center;width:42px;height:42px;color:#fff;background:#d39112;border-radius:13px;font-size:1.2rem;font-weight:800}.verification-gate strong,.verification-gate p{display:block;margin:0}.verification-gate p{margin-top:3px;color:#78652d;font-size:.76rem;line-height:1.45}.verification-gate a{padding:9px 12px;color:#714f00;background:#fff;border:1px solid #e6ca72;border-radius:11px;font-size:.7rem;font-weight:700;white-space:nowrap}.service-card-disabled{cursor:not-allowed;filter:saturate(.55);opacity:.62;box-shadow:none}.service-card-disabled:before{content:"";position:absolute;inset:0;background:rgba(5,14,38,.12);pointer-events:none}.service-card-disabled .service-icon,.service-card-disabled strong,.service-card-disabled .service-lock{position:relative}.service-lock{display:flex!important;align-items:center;gap:4px;margin-top:8px!important;color:#fff!important;font-size:.55rem!important;font-weight:600;line-height:1.2}
@media (max-width:620px){.verification-gate{grid-template-columns:38px 1fr;padding:14px;gap:11px}.verification-gate-icon{width:38px;height:38px}.verification-gate a{grid-column:2;justify-self:start}.service-lock{font-size:.48rem!important}}
.request-notification.status-account_pending{border-left-color:#d39112}.request-notification.status-account_verified{border-left-color:#23a568}.request-notification.status-account_unverified{border-left-color:#d52b43}.status-account_pending{background:#fff3ca;color:#7d5a00}.status-account_verified{background:#d9f6e5;color:#147040}.status-account_unverified{background:#ffe1e5;color:#9f2031}
.verify-email-panel{text-align:center}.verify-email-panel .auth-logo{margin-right:auto;margin-left:auto}.verify-email-panel .field{text-align:left}.verify-email-panel input[name="otp"]{font-size:1.8rem;font-weight:800;letter-spacing:.38em;text-align:center}.otp-resend{margin-top:14px}.otp-resend button{padding:9px 14px;color:var(--blue);background:transparent;border:0;font-weight:700}
.registration-section{margin-top:8px;padding-top:22px;border-top:1px solid var(--line)}.registration-section h2{margin:4px 0 3px;font-size:1.15rem}.registration-section>span{color:#687486;font-size:.75rem}.id-capture-guide{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.id-capture-guide figure{overflow:hidden;margin:0;background:#f8fafc;border:1px solid var(--line);border-radius:15px}.id-capture-guide img{display:block;width:100%;aspect-ratio:360/210;object-fit:cover}.id-capture-guide figcaption{display:block;padding:11px 13px}.id-capture-guide strong,.id-capture-guide span{display:block}.id-capture-guide strong{font-size:.72rem}.id-capture-guide span{margin-top:2px;color:#6d7685;font-size:.62rem;line-height:1.45}.id-upload-field input[type="file"]{padding:10px;background:#f7f8fb;font-size:.72rem}.id-upload-preview{display:flex;align-items:center;gap:14px;padding:13px;background:#eef4ff;border:1px solid #cbdcf8;border-radius:15px}.id-upload-preview img{width:105px;height:70px;object-fit:cover;border-radius:9px}.id-upload-preview div,.id-upload-preview strong,.id-upload-preview span{display:block;min-width:0}.id-upload-preview strong{max-width:310px;overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.id-upload-preview span{margin-top:3px;color:#697587;font-size:.62rem}.id-upload-preview button{margin-top:7px;padding:0;color:var(--blue);background:transparent;border:0;font-size:.62rem;font-weight:700}.id-upload-status{min-height:16px;margin:-10px 0 0;color:#217449;font-size:.68rem}.id-upload-status.is-error{color:#b52034}
@media(max-width:620px){.id-capture-guide{grid-template-columns:1fr}.id-upload-preview{align-items:flex-start}.id-upload-preview img{width:90px;height:62px}}