:root{--navy:#0a1d3d;--navy-2:#123869;--blue:#1f5ea8;--cyan:#07a8cb;--wine:#751e2a;--wine-2:#a3313f;--ink:#12243e;--text:#17253b;--muted:#66758a;--bg:#f3f6fa;--surface:#fff;--line:#dce4ed;--soft:#f7f9fc;--success:#147c4d;--warning:#ad6b00;--danger:#b32632;--shadow:0 12px 34px rgba(17,37,65,.08);--shadow-lg:0 24px 70px rgba(11,29,59,.18);--radius:18px;--sidebar:262px;font-family:Inter,"Segoe UI",Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em}h2{font-size:clamp(25px,2vw,34px);line-height:1.12}h3{font-size:19px;margin-bottom:0}.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh;width:100%}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#07182f,#0c2548 70%,#0c203c);color:#d9e5f4;padding:18px 14px;display:flex;flex-direction:column;z-index:40;box-shadow:6px 0 24px rgba(6,20,42,.12)}.brand{height:70px;display:flex;align-items:center;gap:12px;padding:0 10px 16px;border-bottom:1px solid #ffffff18}.brand-mark,.login-brand span,.public-logo{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#8e2636,#bd4552);color:#fff;font-weight:950;letter-spacing:-.08em;box-shadow:0 10px 25px #0003}.brand strong{display:block;color:#fff;font-size:14px}.brand small,.side-profile small{display:block;color:#9fb2ca;font-size:11px;margin-top:2px}.side-nav{display:flex;flex-direction:column;gap:4px;overflow:auto;padding:18px 0;scrollbar-width:thin}.nav-label{font-size:10px;font-weight:900;letter-spacing:.12em;color:#7890ad;padding:19px 12px 5px;text-transform:uppercase}.nav-item{display:grid;grid-template-columns:29px 1fr;align-items:center;min-height:44px;padding:9px 12px;border-radius:11px;color:#b8c7da;transition:.16s}.nav-item span{font-size:18px;text-align:center}.nav-item b{font-size:13px}.nav-item:hover{background:#ffffff0c;color:#fff}.nav-item.active{background:linear-gradient(135deg,#ffffff18,#ffffff0b);color:#fff;box-shadow:inset 3px 0 0 #4eb9dd}.side-profile{margin-top:auto;border:1px solid #ffffff16;background:#ffffff0a;border-radius:14px;padding:10px;display:grid;grid-template-columns:38px 1fr 16px;gap:9px;align-items:center}.side-profile strong{font-size:12px;color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:38px;height:38px;border-radius:11px;background:#fff;color:var(--navy);display:grid;place-items:center;font-weight:900}.side-profile>a{font-size:22px;color:#8ea7c5}.app-main{min-width:0;display:flex;min-height:100vh;flex-direction:column}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,2.2vw,36px);background:#ffffffee;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:25}.topbar h1{font-size:22px;margin:2px 0 0}.eyebrow{display:block;font-size:10px;font-weight:900;letter-spacing:.14em;color:#65758d;text-transform:uppercase}.eyebrow.light{color:#b9d3ef}.top-actions{display:flex;gap:8px;align-items:center}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--navy);font-size:21px;cursor:pointer;position:relative}.notification-button span:not(:empty){position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:var(--danger);color:#fff;font-size:10px;display:grid;place-items:center}.mobile-menu{display:none}.content{width:100%;padding:clamp(16px,2vw,32px);flex:1}.app-footer{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,2.2vw,36px);color:#7a8798;border-top:1px solid var(--line);font-size:11px;background:#fff}.hero,.module-hero{position:relative;overflow:hidden;border-radius:24px;margin-bottom:22px;color:#fff;box-shadow:var(--shadow-lg)}.hero:after,.module-hero:after{content:"";position:absolute;width:440px;height:440px;right:-130px;bottom:-290px;border-radius:50%;background:radial-gradient(circle,#64d8f557,transparent 67%);pointer-events:none}.hero>*,.module-hero>*{position:relative;z-index:1}.hero-dark{padding:clamp(24px,3vw,42px);min-height:175px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(122deg,#07172f,#103d75 62%,#1e67b7)}.hero h2,.module-hero h2{margin:8px 0;color:#fff}.hero p,.module-hero p{color:#d9e8f9;margin:0;max-width:760px}.hero-date{padding:10px 14px;border:1px solid #ffffff35;border-radius:12px;background:#ffffff0e}.module-hero{padding:clamp(22px,2.5vw,35px);min-height:150px;display:flex;gap:28px;align-items:center;justify-content:space-between}.module-hero.wine{background:linear-gradient(122deg,#46121b,#7d202d 60%,#a63845)}.module-hero.blue{background:linear-gradient(122deg,#071b3b,#174d8c 62%,#2773be)}.module-hero.ink{background:linear-gradient(122deg,#0a1729,#243b59 64%,#395979)}.module-hero.cyan{background:linear-gradient(122deg,#052e4e,#09649a 58%,#06a6c8)}.hero-controls,.hero-actions{display:flex;align-items:end;gap:9px;flex-wrap:wrap;justify-content:flex-end}.hero-controls label{color:#d8eaff;font-size:11px;font-weight:800}.hero-controls input,.hero-controls select{display:block;min-width:165px;margin-top:5px;background:#fff;color:var(--text);border:0}.light-input{background:#fff!important;color:var(--text)!important;border:0!important;min-width:260px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.kpi-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:18px;box-shadow:0 5px 18px rgba(16,38,66,.05);min-height:108px;position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;width:54px;height:54px;border-radius:50%;right:-20px;bottom:-22px;background:#1f5ea81a}.kpi-card span{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.kpi-card strong{font-size:27px;display:block;color:var(--ink);margin-top:8px;line-height:1}.kpi-card small{display:block;color:var(--muted);margin-top:8px}.kpi-card.warning{border-left:4px solid #dda22d}.kpi-card.danger{border-left:4px solid var(--danger)}.kpi-card.success{border-left:4px solid var(--success)}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:20px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.panel-head h3{margin-top:4px}.panel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.split-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px}.action-list,.activity-list{display:flex;flex-direction:column;gap:9px}.action-item,.activity-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.action-item>span,.activity-item>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eaf2fb;color:var(--blue);font-weight:900}.action-item strong,.activity-item strong{display:block;font-size:13px}.action-item small,.activity-item small{color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.work-card{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px;box-shadow:var(--shadow);transition:.18s}.work-card:hover{transform:translateY(-3px);border-color:#adc6e0;box-shadow:0 18px 40px #1027471c}.work-card>span{width:34px;height:34px;border-radius:10px;background:#eaf2fb;color:var(--blue);display:grid;place-items:center;font-weight:900}.work-card h3{margin:17px 0 8px}.work-card p{color:var(--muted);min-height:42px}.work-card b{color:var(--blue);font-size:12px}.work-card.primary{background:linear-gradient(145deg,#0a2347,#174e8f);color:#fff;border-color:#174e8f}.work-card.primary p,.work-card.primary b{color:#dbeafe}.card-grid,.document-grid,.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.entity-card,.document-card,.directory-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:0 7px 22px #172d4b0b}.entity-card h3,.document-card h3,.directory-card h3{margin:8px 0}.entity-card p,.document-card p,.directory-card p{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#edf2f7;color:#526276;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}.badge.success{background:#dff4e9;color:#14603e}.badge.warning{background:#fff0d5;color:#855300}.badge.danger{background:#fde2e4;color:#991d27}.badge.info{background:#e2eefb;color:#1c548e}.btn{min-height:40px;padding:9px 15px;border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:12px;cursor:pointer;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg,#2669b4,#174d8b);border-color:#174d8b;color:#fff;box-shadow:0 7px 18px #1f5ea82b}.btn-secondary{background:linear-gradient(180deg,#8d2a38,#701d29);border-color:#701d29;color:#fff}.btn-light{background:#fff;border-color:var(--line);color:var(--ink)}.btn-danger{background:#fff0f1;border-color:#efc5c9;color:var(--danger)}.btn-small{min-height:36px;padding:7px 11px}.btn-block{width:100%;min-height:46px}.tabs{display:flex;gap:5px;padding:6px;background:#e8edf3;border:1px solid var(--line);border-radius:14px;margin-bottom:18px;overflow:auto}.tabs button{border:0;background:transparent;color:#5f6f83;padding:10px 15px;border-radius:9px;font-weight:800;white-space:nowrap;cursor:pointer}.tabs button.active{background:#fff;color:var(--navy);box-shadow:0 3px 11px #10223b17}.tab-panel{display:none}.tab-panel.active{display:block}.table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:13px}table{border-collapse:collapse;width:100%;min-width:820px;background:#fff}th,td{padding:12px 13px;text-align:left;border-bottom:1px solid #e7edf3;vertical-align:middle}th{background:#f5f8fb;color:#53657c;font-size:10px;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}td{font-size:12px}tbody tr:hover td{background:#fbfdff}tbody tr:last-child td{border-bottom:0}.row-title{font-weight:850;color:var(--ink);display:block}.row-subtitle{font-size:10px;color:var(--muted);display:block;margin-top:3px}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.search-input,input,select,textarea{min-height:40px;border:1px solid #bdcad8;border-radius:10px;background:#fff;color:var(--text);padding:8px 11px;outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#5e96ce;box-shadow:0 0 0 4px #1f5ea815}textarea{min-height:92px;resize:vertical}.search-input{min-width:230px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label,.panel>label,.login-card label,.public-form label,.scanner-config label{font-size:11px;font-weight:850;color:#506176}.form-grid input,.form-grid select,.form-grid textarea,.panel>label input,.login-card label input,.public-form label input,.scanner-config label input,.scanner-config label select{display:block;width:100%;margin-top:6px}.span-2{grid-column:1/-1}.check{display:flex!important;gap:8px;align-items:center;padding:10px 0}.check input{width:18px!important;height:18px!important;margin:0!important;min-height:0}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:19px;padding-top:17px;border-top:1px solid var(--line)}.inline-form{display:flex;gap:8px;align-items:center}.inline-form input{flex:1}.filter-bar{display:flex;gap:9px;align-items:end;flex-wrap:wrap;margin-bottom:15px}.filter-bar label{font-size:11px;font-weight:800}.filter-bar label select{display:block;margin-top:5px}.toggle-label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.toggle-label input{min-height:0;width:17px;height:17px}.month-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.month-check{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.month-check input{width:17px;height:17px;min-height:0}.notice{padding:13px 15px;margin:0 0 14px;border-radius:12px;border:1px solid var(--line);background:#fff}.notice-info{background:#eef6ff;border-color:#c9def4;color:#164d82}.notice-warning{background:#fff8e9;border-color:#efd8a7;color:#704800}.notice-danger{background:#fff0f1;border-color:#efc8cc;color:#8d2028}.notice-success{background:#eaf8f0;border-color:#bee6d0;color:#145f3e}.modal{width:min(680px,calc(100vw - 28px));max-height:calc(100vh - 32px);border:0;border-radius:20px;padding:26px;box-shadow:var(--shadow-lg);color:var(--text);overflow:auto}.modal-wide{width:min(1120px,calc(100vw - 28px))}.modal::backdrop{background:#06162db3;backdrop-filter:blur(5px)}.modal-close{position:sticky;z-index:4;float:right;top:0;width:37px;height:37px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:23px;cursor:pointer}.modal-head{padding-right:50px;margin-bottom:21px}.modal-head h2{margin:6px 0}.modal-head p{color:var(--muted)}fieldset{border:1px solid var(--line);border-radius:13px;margin:15px 0;padding:14px}legend{font-weight:900;font-size:12px;padding:0 7px}.toast-region{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;flex-direction:column;gap:8px;max-width:380px}.toast{padding:13px 16px;border-radius:12px;background:#13263f;color:#fff;box-shadow:var(--shadow-lg);animation:toast-in .2s ease}.toast.error{background:#991f2a}.toast.success{background:#176b47}@keyframes toast-in{from{transform:translateY(12px);opacity:0}}.loading-block:empty{min-height:90px;border-radius:14px;background:linear-gradient(90deg,#f2f5f8 25%,#e8edf3 37%,#f2f5f8 63%);background-size:400% 100%;animation:shine 1.4s infinite}@keyframes shine{0%{background-position:100% 0}100%{background-position:0 0}}.empty-state{text-align:center;padding:32px;color:var(--muted)}.empty-state strong{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}.profile-card{display:flex;align-items:center;gap:18px;background:linear-gradient(125deg,#071a3d,#174f90);color:#fff;border-radius:22px;padding:28px;margin-bottom:20px}.profile-avatar{width:72px;height:72px;border-radius:20px;background:#fff;color:var(--navy);display:grid;place-items:center;font-size:30px;font-weight:950}.profile-card h2{margin:4px 0}.profile-card p{margin:0;color:#cfe2f6}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.settings-layout .panel:first-child,.settings-layout .sticky-save{grid-column:1/-1}.sticky-save{position:sticky;bottom:12px;display:flex;justify-content:flex-end;padding:12px;background:#ffffffde;backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.health-item{padding:15px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--success);border-radius:13px}.health-item.bad{border-left-color:var(--danger)}.health-item strong{display:block}.health-item small{color:var(--muted)}.code-box{font:700 14px ui-monospace,Consolas,monospace;background:#f4f6f8;border:1px solid var(--line);padding:13px;border-radius:10px;word-break:break-all}.drawer-backdrop{display:none}.login-body{min-height:100vh;background:#07182f}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(380px,1fr) minmax(430px,.9fr)}.login-intro{padding:clamp(35px,6vw,90px);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 80% 20%,#2270bd66,transparent 38%),linear-gradient(145deg,#06162d,#0b2b55 70%,#164d88);color:#fff}.login-brand{display:flex;align-items:center;gap:14px}.login-brand span{width:52px;height:52px}.login-brand strong{line-height:1.2}.login-intro h1{font-size:clamp(39px,5vw,72px);line-height:.98;max-width:780px;margin:12px 0 20px;letter-spacing:-.055em}.login-intro p{font-size:17px;color:#cadcf0;max-width:650px}.login-intro>small{color:#8ea6c2}.login-panel{background:#f5f7fa;display:grid;place-items:center;padding:28px}.login-card{width:min(430px,100%);background:#fff;padding:clamp(26px,4vw,46px);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-lg)}.login-card h2{margin:7px 0;font-size:31px}.login-card>p{color:var(--muted);margin-bottom:24px}.login-card label{display:block;margin-bottom:15px}.password-field{display:flex;position:relative}.password-field input{padding-right:45px}.password-field button{position:absolute;right:5px;top:11px;width:34px;height:34px;border:0;background:transparent;color:#62758a}.form-error{padding:10px 12px;background:#fff0f1;border:1px solid #efc8cc;color:#982532;border-radius:10px;margin:8px 0 14px}.public-link{display:block;text-align:center;color:var(--blue);font-weight:800;margin-top:18px;font-size:12px}.login-mobile-mark{display:none}.public-body{min-height:100vh;padding:clamp(14px,4vw,44px);background:radial-gradient(circle at 50% 0,#1d5d9e55,transparent 35%),#07182f}.public-card,.verification-card{width:min(760px,100%);margin:0 auto;background:#fff;border-radius:24px;box-shadow:var(--shadow-lg);overflow:hidden}.public-card>header,.verification-card>header{padding:23px 27px;background:linear-gradient(125deg,#0a2143,#17518f);color:#fff;display:flex;gap:14px;align-items:center}.public-card header h1,.verification-card header h1{font-size:25px;margin:4px 0}.public-form,.public-qr-result,.public-card>footer,.verification-card>section{padding:27px}.public-card>footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.public-qr-result{text-align:center}.public-qr-result h2{margin-bottom:4px}.public-qr-result>p{color:var(--muted)}.qr-box{width:230px;height:230px;margin:18px auto;background:#fff;padding:9px;border:1px solid var(--line);border-radius:13px}.qr-box img,.qr-box canvas{display:block;width:100%;height:100%}.qr-box.small{width:92px;height:92px;margin:0}.date-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:18px}.date-badges span{padding:6px 10px;border-radius:999px;background:#edf5fd;color:#1b588f;font-weight:800;font-size:11px}.verification-card>section h2{margin:17px 0}.verification-grid{display:grid;grid-template-columns:160px 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden}.verification-grid dt,.verification-grid dd{padding:10px 12px;margin:0;border-bottom:1px solid var(--line)}.verification-grid dt{font-weight:900;background:#f5f8fb}.certificate-body{background:#dbe2e9;padding:18px}.certificate-toolbar{max-width:1120px;margin:0 auto 13px;display:flex;align-items:center;gap:8px}.certificate-toolbar>a{font-weight:950;color:var(--navy);margin-right:auto}.certificate-sheet{width:min(1120px,calc(100vw - 36px));aspect-ratio:1.414/1;margin:0 auto;position:relative;overflow:hidden;background:#fff;box-shadow:0 20px 70px #07182f36}.certificate-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.certificate-content{position:absolute;inset:7.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4%;border:1px solid #751e2a66;background:#ffffff08}.certificate-brand{font-size:clamp(8px,1.2vw,14px);letter-spacing:.18em;color:var(--wine);margin-bottom:4%}.certificate-content h1{font-family:Georgia,serif;font-size:clamp(26px,5vw,60px);font-weight:400;color:var(--wine);margin:0 0 4%}.certificate-text{font-family:Georgia,serif;font-size:clamp(10px,1.45vw,18px);line-height:1.7;max-width:85%}.certificate-name{font-family:Georgia,serif;font-size:clamp(20px,3.5vw,45px);color:var(--navy);border-bottom:1px solid #751e2a66;padding:0 4% 1%}.certificate-event{font-weight:800;margin:1.5% 0}.certificate-meta{display:flex;gap:45px;margin-top:2%;font-size:clamp(8px,1vw,12px)}.certificate-validation{position:absolute;left:0;bottom:0;display:flex;gap:10px;align-items:end;text-align:left;font-size:8px;max-width:50%}.certificate-validation p{margin:0;word-break:break-all}.scanner-body{background:#eef3f8;min-height:100vh}.scanner-app{width:100%;min-height:100vh;padding:clamp(10px,2vw,24px)}.scanner-header{background:linear-gradient(125deg,#071a3d,#175291);color:#fff;border-radius:20px;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-lg)}.scanner-header h1{font-size:35px;margin:3px 0}.scanner-header p{color:#d5e7f8;margin:0}.scanner-config{display:grid;grid-template-columns:2fr 1fr 1.3fr auto;gap:10px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;margin:15px 0;box-shadow:var(--shadow)}.scanner-work{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(330px,.85fr);gap:15px}.camera-card,.manual-card,.recent-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px;box-shadow:var(--shadow)}#qr-reader{min-height:520px;border-radius:13px;overflow:hidden;background:#0a1729;display:grid;place-items:center}.camera-placeholder{text-align:center;color:#b9cbe0}.camera-placeholder span{font-size:64px;display:block}.camera-placeholder strong{font-size:18px;display:block}.scanner-status{padding:11px;margin-top:10px;text-align:center;border-radius:10px;background:#eef4fa;font-weight:800}.scanner-side{display:flex;flex-direction:column;gap:15px}.manual-card{min-height:230px}.recent-card{flex:1}.scanner-search-result,.recent-checkin{padding:10px;border:1px solid var(--line);border-radius:10px;margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.scanner-feedback{position:fixed;inset:0;z-index:200;display:grid;place-items:center;text-align:center;color:#fff;background:#147c4ded;backdrop-filter:blur(7px);font-size:28px;font-weight:950}.scanner-feedback.error{background:#a82431ed}.scanner-feedback small{display:block;font-size:15px;margin-top:6px}.directory-card strong{display:block}.directory-card a{color:var(--blue)}
@media(max-width:1180px){:root{--sidebar:230px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid,.document-grid,.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{grid-template-columns:1fr}.settings-layout .panel:first-child{grid-column:auto}.scanner-work{grid-template-columns:1fr}.camera-card #qr-reader{min-height:460px}}
@media(max-width:860px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:278px;transform:translateX(-102%);transition:.2s}.sidebar.open{transform:none}.drawer-backdrop{position:fixed;inset:0;background:#06162d99;z-index:35}.drawer-backdrop.open{display:block}.mobile-menu{display:block}.topbar{height:76px;padding:11px 14px}.topbar .eyebrow,.topbar .btn-small{display:none}.topbar h1{font-size:19px}.content{padding:13px}.module-hero,.hero-dark{align-items:flex-start;flex-direction:column;min-height:0;border-radius:18px}.hero-controls,.hero-actions{justify-content:flex-start;width:100%}.split-grid{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr}.login-intro{display:none}.login-panel{min-height:100vh}.login-mobile-mark{display:grid;width:52px;height:52px;place-items:center;border-radius:14px;background:var(--wine);color:#fff;font-weight:950;margin-bottom:25px}.scanner-config{grid-template-columns:1fr 1fr}.scanner-config label:nth-child(3){grid-column:1/-1}.scanner-config button{grid-column:1/-1}.certificate-toolbar{flex-wrap:wrap}.certificate-sheet{width:100%;aspect-ratio:1.414/1}.certificate-content{inset:5%}.certificate-validation{display:none}}
@media(max-width:600px){body{font-size:13px}.top-actions .icon-btn{display:none}.hero,.module-hero{padding:20px;margin-bottom:14px}.hero h2,.module-hero h2{font-size:26px}.hero-controls label,.hero-controls input,.hero-controls select,.hero-controls .btn{width:100%}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi-card{padding:13px;min-height:92px}.kpi-card strong{font-size:22px}.work-grid,.card-grid,.document-grid,.directory-grid{grid-template-columns:1fr;gap:10px}.panel{padding:13px;border-radius:14px}.panel-head{align-items:flex-start;flex-direction:column}.panel-actions,.panel-actions>*{width:100%}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.month-check-grid{grid-template-columns:1fr 1fr}.modal{padding:17px;border-radius:16px}.settings-layout{display:block}.verification-grid{grid-template-columns:1fr}.verification-grid dt{border-bottom:0}.scanner-header{display:block}.scanner-header .btn{width:100%;margin-top:14px}.scanner-config{grid-template-columns:1fr}.scanner-config label:nth-child(3),.scanner-config button{grid-column:auto}.scanner-work{display:block}.scanner-side{margin-top:12px}#qr-reader{min-height:380px}.certificate-body{padding:6px}.certificate-toolbar{margin-bottom:6px}.certificate-toolbar .badge{display:none}.certificate-content h1{margin-bottom:2%}.certificate-text{line-height:1.4;margin-bottom:2%}.certificate-meta{display:none}.app-footer{padding:0 13px}.app-footer span:first-child{display:none}}
@media print{.certificate-toolbar{display:none!important}.certificate-body{padding:0;background:#fff}.certificate-sheet{width:297mm;height:210mm;box-shadow:none;margin:0;page-break-after:avoid}.public-body{background:#fff;padding:0}.public-card{box-shadow:none}.public-card>footer,.public-form{display:none}@page{size:A4 landscape;margin:0}}

/* Componentes dos fluxos financeiros, pedidos e scanner. */
.progress-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:15px 0 20px}.progress-steps span{padding:9px;border-radius:9px;background:#edf1f5;color:#718096;font-size:10px;font-weight:850;text-align:center}.progress-steps span.done{background:#dff4e9;color:#12613c}.summary-list{display:grid;grid-template-columns:1fr auto;gap:9px 18px;margin:0}.summary-list dt{color:var(--muted)}.summary-list dd{margin:0;font-weight:900;text-align:right}.compact-items{display:flex;flex-direction:column;gap:5px}.compact-items span{display:flex;justify-content:space-between;gap:12px}.catalog-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:390px;overflow:auto}.catalog-order-grid label{display:grid;grid-template-columns:1fr 90px;gap:3px 10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font-weight:800}.catalog-order-grid label small{grid-column:1;color:var(--muted);font-weight:500}.catalog-order-grid label input{grid-column:2;grid-row:1/3;width:100%}.modal-section{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.inline-upload{padding:14px;border:1px dashed #aebfd1;border-radius:12px;background:var(--soft)}.scanner-search-result small,.recent-checkin small{display:block;color:var(--muted)}
@media(max-width:600px){.progress-steps{grid-template-columns:1fr 1fr}.catalog-order-grid{grid-template-columns:1fr}}

/* Certificados: personalização simples e compatibilidade com o editor visual legado. */
.certificate-sheet{container-type:inline-size;background:var(--certificate-background,#fff)}
.certificate-content{border-color:color-mix(in srgb,var(--certificate-primary,#751e2a) 45%,transparent)}
.certificate-brand,.certificate-content h1{color:var(--certificate-primary,#751e2a)}
.certificate-name{color:var(--certificate-primary,#0a2347);border-color:color-mix(in srgb,var(--certificate-primary,#751e2a) 45%,transparent)}
.certificate-signatures{display:flex;justify-content:center;gap:8%;width:72%;margin-top:3%}
.certificate-signature{min-width:28%;padding-top:1%;border-top:1px solid var(--certificate-secondary,#c59b62);font-size:clamp(7px,1cqw,12px)}
.certificate-signature b,.certificate-signature span{display:block}.certificate-signature span{color:#5f6977;margin-top:2px}
.certificate-footer{margin-top:2%;color:var(--certificate-primary,#751e2a);font-size:clamp(7px,.85cqw,11px);font-weight:800;letter-spacing:.04em}
.certificate-sheet-legacy{position:relative}
.certificate-legacy-panel{position:absolute;border:1px solid var(--certificate-secondary,#c59b62)}
.certificate-layout-field{position:absolute;z-index:2;transform:translate(-50%,-50%);font-size:calc(var(--legacy-size) * 1px);font-size:calc(var(--legacy-size) * .12cqw);line-height:1.15;white-space:normal;overflow-wrap:anywhere}
.certificate-layout-qr{position:absolute;z-index:3;transform:translate(-50%,-50%);aspect-ratio:1}
.certificate-layout-qr .qr-box{width:100%;height:100%;margin:0;padding:4%;border-radius:4%}
@media(max-width:600px){.certificate-signatures{margin-top:1.5%}.certificate-footer{margin-top:1%}}