@import url('/proseg/fonts.css');
:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#243b32;background:#f5f7f8;font-synthesis:none;--green:#16814e;--dark:#103c2f;--muted:#829089;--line:#e8eeeb}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .18s,transform .18s}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #81c444;outline-offset:3px}button{border:0}a{text-decoration:none;color:inherit}[v-cloak]{display:none}input,select,textarea{width:100%;border:1px solid #dce5df;border-radius:8px;padding:12px 13px;background:#fff;color:#273c33;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#279862;box-shadow:0 0 0 3px #16814e12}input::placeholder{color:#a0aaa5}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}h1,h2,h3,p{margin:0}button.primary,.primary{background:#18834f;color:white;border:1px solid #18834f;border-radius:8px;padding:12px 18px;font-size:12px;font-weight:600;box-shadow:0 3px 7px #127a4820;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary:hover{background:#126d41}.secondary{background:white;border:1px solid #dce5df;border-radius:7px;padding:9px 13px;font-size:12px;color:#52655b}.secondary:hover{background:#f2f7f4}.text-button{color:#15804e;background:none;font-size:12px;font-weight:600;white-space:nowrap;padding:8px}.icon-button{background:#f5f8f6;border:1px solid #e7eee9;border-radius:7px;width:31px;height:31px;color:#547063;font-size:19px}.brand{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:750;letter-spacing:-1.4px}.brand small{display:block;font-size:7px;letter-spacing:2.35px;margin-top:3px;font-weight:400;color:#c0d1c8}.brand.light{color:white}.lime{color:#a3df6d}.brand-mark{font-size:40px;font-weight:900;font-style:italic;line-height:1;color:#b5ed77;transform:skew(-7deg);letter-spacing:-7px;margin-right:7px}.status-dot,.tiny-dot{width:6px;height:6px;background:#66c88b;border-radius:50%;display:inline-block;flex-shrink:0}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.login-story{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 60%,#31784877,transparent 60%),linear-gradient(135deg,#092c23,#164b35);padding:55px 11%;color:white;display:flex;flex-direction:column;align-items:flex-start}.login-story:after{content:'';position:absolute;left:-200px;bottom:-580px;width:1000px;height:1000px;border:1px solid #99d79013;border-radius:50%;pointer-events:none}.story-tag{margin-top:85px;font-size:9px;letter-spacing:1.9px;color:#adcca9}.login-story h1{font-size:clamp(32px,3.25vw,50px);font-weight:500;line-height:1.22;letter-spacing:-1.8px;margin-top:24px;z-index:1}.login-story h1 em{font-style:normal;color:#b5e48a}.login-story p{font-size:14px;line-height:1.9;color:#b7cbc0;margin-top:22px}.logo-frame{width:210px;height:140px;margin:28px 0 20px;border-radius:14px;overflow:hidden;box-shadow:0 0 50px #8fce6320}.logo-frame img{width:100%;height:100%;object-fit:cover}.story-footer{margin-top:auto;padding-top:30px;font-size:10px;color:#adc6b7;display:flex;align-items:center;gap:9px}.login-form-area{background:#fcfdfc;padding:38px 10% 25px;display:flex;flex-direction:column;justify-content:space-between}.login-top{font-size:9px;letter-spacing:2px;text-align:right;color:#8c9d92}.login-form{width:100%;max-width:360px;margin:55px auto}.mini-icon{background:#e9f3e7;color:#2a8352;font-size:29px;width:47px;height:47px;border-radius:12px;display:grid;place-items:center;margin-bottom:24px}.login-form h2{font-size:26px;letter-spacing:-.9px;font-weight:650}.login-form>p{font-size:13px;color:#7d8c83;margin:11px 0 30px}.login-form label{margin-top:20px}.login-form input{height:46px;font-size:13px}.password-field{position:relative}.password-field input{padding-right:68px}.password-field button{position:absolute;right:8px;top:13px;font-size:10px;background:transparent;color:#6d7d72}.login-hint{font-size:10px;color:#7b9080;margin:17px 0 24px;display:flex;gap:6px}.login-submit{width:100%;height:45px;justify-content:space-between!important}.login-form .access-help{font-size:11px;line-height:1.8;text-align:center;margin-top:25px;color:#8b978f}.login-form-area footer{display:flex;justify-content:space-between;font-size:10px;color:#91a095}.app-shell{min-height:100vh}.sidebar{position:fixed;top:0;bottom:0;left:0;width:260px;background:linear-gradient(170deg,#123e30,#0d3027 80%);color:#b4c9bd;display:flex;flex-direction:column;padding:30px 18px 0;z-index:20}.sidebar>.brand{margin:0 10px 31px}.workspace{display:flex;align-items:center;gap:9px;border:1px solid #ffffff16;border-radius:9px;padding:12px 10px;margin-bottom:25px;background:#ffffff05}.workspace-icon{font-size:22px;color:#b2d5b1;background:#ffffff09;padding:5px 7px;border-radius:6px}.workspace>div:nth-child(2){min-width:0;flex:1}.workspace small{display:block;font-size:10px;letter-spacing:1.2px;color:#7d9e8c;margin-bottom:5px}.workspace strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e7f1eb;font-weight:500}.nav-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#456755 transparent;flex:1;margin-right:-6px;padding-right:6px}.nav-caption{font-size:11px;letter-spacing:1.7px;margin:21px 12px 10px;color:#739383}.nav-caption:first-child{margin-top:0}.nav-item{background:none;color:#abc3b4;display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:11px 13px;border-radius:7px;font-size:15px;margin:3px 0;min-height:44px;line-height:1.4}.nav-item i{font-style:normal;font-size:17px;line-height:1;width:17px;text-align:center;color:#91b39f}.nav-item:hover{background:#ffffff08;color:white}.nav-item.active{color:#edffea;background:linear-gradient(90deg,#2e7149,#315e3c);box-shadow:inset 2px 0 #b1db7e}.nav-item.active i{color:#bbdf9c}.nav-item.sub{font-size:14px;padding-left:42px}.chevron{margin-left:auto}.sidebar-bottom{padding-top:20px}.secure-badge{margin:0 8px 20px;display:flex;gap:9px;font-size:17px;color:#88b19a;align-items:center}.secure-badge span{font-size:11px}.secure-badge small{display:block;font-size:10px;color:#5c8470;margin-top:4px}.user-box{display:flex;width:calc(100% + 36px);margin-left:-18px;padding:18px 22px;align-items:center;gap:10px;border-top:1px solid #ffffff0b;background:#ffffff03;text-align:left;color:white}.avatar{height:33px;width:33px;flex-shrink:0;border-radius:50%;background:#e8f0dc;color:#477946;display:inline-flex;justify-content:center;align-items:center;font-size:10px;font-weight:650}.user-box strong{font-size:13px;display:block}.user-box small{font-size:11px;display:block;color:#71947f;margin-top:4px}.logout{margin-left:auto;color:#829f8e}.main-shell{margin-left:260px}.topbar{height:73px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.breadcrumbs{font-size:10px;display:flex;align-items:center;gap:16px;color:#96a198}.breadcrumbs strong{color:#54655b;font-weight:500}.top-right{display:flex;align-items:center;gap:20px}.connection{font-size:9px;color:#7c8b81;display:flex;align-items:center;gap:7px}.top-separator{width:1px;height:24px;background:var(--line)}.avatar.small{width:29px;height:29px;background:#f0f3e6}.content{max-width:1550px;margin:auto;padding:33px 36px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:18px}.eyebrow{font-size:8px;letter-spacing:1.6px;color:#93a198;font-weight:650}.page-heading h1{font-size:29px;letter-spacing:-1px;font-weight:650;margin:6px 0 8px}.heading-dot{color:#279356}.page-heading p{font-size:11px;color:#87938c}.heading-actions{display:flex;gap:12px;align-items:center}.date-pill{font-size:10px;color:#66796c;padding:11px 13px;border:1px solid #e2e9e4;border-radius:7px;background:#fff;white-space:nowrap}.welcome-banner{border-radius:12px;background:radial-gradient(ellipse at 75% 10%,#49775155,transparent 70%),linear-gradient(100deg,#164831,#244d32 72%,#405a32);padding:29px 32px;position:relative;overflow:hidden;display:flex;justify-content:space-between;min-height:225px;color:#fff}.banner-kicker{display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:1.8px;color:#bad39e}.banner-kicker .status-dot{width:4px;height:4px;background:#c0d78d}.welcome-banner h2{font-size:25px;line-height:1.4;letter-spacing:-.5px;font-weight:500;margin:14px 0 9px}.welcome-banner p{font-size:10px;color:#b4c9b5}.welcome-banner button{margin-top:21px;color:#e1f0cd;background:#ffffff10;border:1px solid #ffffff22;padding:9px 12px;border-radius:5px;font-size:10px}.welcome-banner button span{margin-left:14px}.certificate-art{width:300px;position:relative;flex-shrink:0;display:grid;place-items:center;margin-right:18px}.art-orbit{position:absolute;width:290px;height:290px;border:1px solid #cbe0a41a;border-radius:50%}.art-orbit:after{content:'';position:absolute;inset:28px;border-radius:50%;border:1px solid #cbe0a414}.paper{position:relative;width:220px;height:149px;background:#f6f7e9;border:7px solid #e6edda;outline:1px solid #ffffff77;border-radius:4px;padding:13px 20px;color:#557247;transform:rotate(-9deg);box-shadow:15px 18px 0 -5px #c6d5ad30,0 15px 40px #081f2b35}.paper-brand{font-size:10px;font-weight:800}.paper-brand span{color:#83a84f}.paper b{display:block;text-align:center;font-size:15px;font-weight:500;letter-spacing:2px;margin-top:10px}.paper small{display:block;text-align:center;font-size:4px;letter-spacing:2px;margin-top:4px}.paper-line{height:2px;width:100%;background:#b7c6a66b;margin-top:6px}.paper-line.short{width:50%;margin:9px auto 0}.paper-sign{width:40%;height:1px;background:#adbe9b;margin-top:14px}.seal{position:absolute;right:12px;bottom:10px;background:#acc374;color:#fcffdd;border:4px double #edf0be;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;font-size:24px}.floating-check{position:absolute;top:18px;right:9px;transform:rotate(12deg);background:#ddebcb;color:#60844c;border:5px solid #668559;border-radius:10px;width:44px;height:44px;display:grid;place-items:center;font-size:23px;box-shadow:0 8px 20px #0002}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:21px 0}.stat-card{background:white;border:1px solid var(--line);border-radius:10px;padding:17px 18px 13px;box-shadow:0 2px 4px #183c2c02}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;color:#7a8980}.stat-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;font-size:17px}.green{background:#edf6ee;color:#408655}.blue{background:#eef4fd;color:#5e8dca}.purple{background:#f3eff9;color:#a28ac3}.orange{background:#fcf2e6;color:#caa165}.stat-card>strong{font-size:29px;font-weight:650;letter-spacing:-1px;display:block;margin:9px 0 11px}.stat-bottom{font-size:8px;display:flex;align-items:center;gap:5px;color:#95a198;white-space:nowrap}.stat-bottom .tiny-dot{width:4px;height:4px;background:#8faf95}.stat-bottom button{margin-left:auto;background:none;color:#779982;font-size:15px;padding:0}.dashboard-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:21px}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-title{padding:21px 23px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel h3{font-size:13px;font-weight:600;letter-spacing:-.15px}.panel-title p,.records-toolbar p{font-size:9px;color:#93a095;margin-top:6px}.chart-key{display:flex;align-items:center;gap:6px;font-size:8px;color:#89998e}.chart-key .tiny-dot{width:5px;height:5px;background:#94b881}.chart{height:164px;margin:15px 24px 0;display:flex;gap:15px}.chart-grid{display:flex;flex-direction:column;justify-content:space-between;font-size:7px;color:#a7b0a9;padding:2px 0 27px}.chart-bars{flex:1;display:flex;justify-content:space-around;align-items:flex-end;background:repeating-linear-gradient(to top,transparent 0,transparent 54px,#f0f3f0 54px,#f0f3f0 55px);padding-bottom:0;gap:15px}.bar-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;height:100%;gap:6px}.bar{width:65%;max-width:42px;background:linear-gradient(#97b687,#b8cea9);border-radius:4px 4px 0 0;min-height:3px}.bar-column:last-child .bar{background:linear-gradient(#367953,#73a777)}.bar-value{font-size:7px;color:#78947d}.bar-label{font-size:8px;color:#96a295;height:20px}.chart-note{margin:11px 24px 15px;padding-top:11px;border-top:1px solid #f0f3f1;font-size:8px;color:#8a9b8d}.quick-panel .panel-title{margin-bottom:13px}.quick-panel .panel-title>span{font-size:16px;color:#8faa97}.quick-action{margin:0 20px;display:flex;align-items:center;gap:12px;width:calc(100% - 40px);text-align:left;background:none;padding:15px 0;border-bottom:1px solid #eff3ef}.quick-action:last-child{border:0}.quick-action:hover{background:#fafcf9}.quick-icon{width:33px;height:33px;background:#f1f6ed;color:#6c9565;border:1px solid #eaf0e3;border-radius:8px;display:grid;place-items:center;font-size:17px}.quick-action strong{font-size:10px;color:#435d4c;font-weight:550;display:block}.quick-action small{font-size:8px;color:#97a498;display:block;margin-top:5px}.quick-arrow{margin-left:auto;color:#94a88f;font-size:15px}.recent-panel .panel-title{padding-bottom:20px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left;line-height:1.5}thead{background:#fafbf9}th{padding:12px 21px;color:#93a093;font-size:12px;letter-spacing:.75px;font-weight:550;white-space:nowrap;border-top:1px solid #f0f3ef;border-bottom:1px solid #eef2ed}td{padding:13px 21px;border-bottom:1px solid #f0f3ef;color:#7a8a7e;max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfb}.person-cell{display:flex;align-items:center;gap:10px}.avatar.pale{width:29px;height:29px;background:#f0f4e9;color:#82916e;font-size:8px}.person-cell strong{display:block;font-size:14px;font-weight:550;color:#4c6052;max-width:230px;overflow:hidden;text-overflow:ellipsis}.person-cell small{display:block;font-size:12px;color:#98a394;margin-top:5px;max-width:230px;overflow:hidden;text-overflow:ellipsis}.course-cell{font-size:14px;max-width:220px}.badge{font-size:12px;color:#65956f;background:#edf6ee;border:1px solid #e0eee1;padding:4px 8px;border-radius:4px}.insight-row{display:flex;justify-content:space-between;gap:10px;margin:19px 0;font-size:9px;color:#8c9a8f}.insight-row strong{color:#62866b}.page-footer{display:flex;justify-content:space-between;gap:12px;padding:22px 0;margin-top:17px;border-top:1px solid #e7ede7;font-size:8px;color:#9ba69c}.page-footer b{color:#6a8370;font-weight:650}.records-toolbar{display:flex;justify-content:space-between;gap:20px;padding:24px;align-items:center}.search-box{border:1px solid #e2e9e2;border-radius:7px;display:flex;align-items:center;padding-left:10px;gap:5px;max-width:330px}.search-box>span{font-size:20px;color:#7e9281}.search-box input{border:0;background:none;box-shadow:none;font-size:14px;padding:10px}.search-box button{background:#f4f7f2;color:#5b795e;padding:10px;font-size:13px;border-radius:0 7px 7px 0}.records-panel td{font-size:14px;max-width:270px}.records-panel th{font-size:12px}.name-cell{font-weight:550;color:#42614d}.row-actions{display:flex;align-items:center;gap:8px}.danger{color:#bb7979}.pagination{border-top:1px solid var(--line);padding:17px 23px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#8a9a8d}.pagination>div{display:flex;gap:8px}.empty{text-align:center;padding:65px 20px;white-space:normal;color:#9baa9c}.empty>span{font-size:35px}.empty h3{margin:15px 0 8px;color:#637e68}.empty p{font-size:14px}.loading{text-align:center;padding:80px 20px;color:#6c8773;font-size:13px}.modal-overlay{position:fixed;inset:0;background:#061e19a8;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}.modal{background:#fff;width:800px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;border-radius:14px;box-shadow:0 30px 90px #0003;overflow:hidden}.modal>header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid var(--line)}.modal h2{font-size:22px;margin-top:7px}.modal>form{display:flex;flex-direction:column;overflow:hidden}.modal-body{overflow:auto;padding:25px 30px}.form-note{font-size:11px;line-height:1.7;color:#7d9382;margin-bottom:22px;background:#f4f8f0;padding:12px;border-radius:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.full-width{grid-column:1/-1}.form-grid label{font-size:11px}.form-grid input,.form-grid select,.form-grid textarea{font-size:12px}.relation-control{display:flex;flex-direction:column;gap:5px}.relation-control input{font-size:10px;background:#f9fbf8}.modal footer{padding:18px 30px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.form-error,.error-banner{background:#fff0ee;color:#b0574e;padding:12px;border-radius:7px;font-size:12px;line-height:1.6;margin-top:18px}.error-banner{margin:0 0 20px}.error-banner button{background:none;text-decoration:underline;color:inherit}.toast{position:fixed;bottom:28px;right:28px;max-width:440px;z-index:200;padding:17px 23px;color:white;background:#246f47;box-shadow:0 8px 30px #152b3130;border-radius:9px;font-size:12px}.toast.error{background:#a75346}.confirm-modal{width:410px;background:white;border-radius:12px;padding:28px}.confirm-modal h2{font-size:21px}.confirm-modal p{font-size:13px;color:#809183;line-height:1.7;margin:18px 0 25px}.confirm-modal>div{display:flex;justify-content:flex-end;gap:10px}.danger-button{background:#b2594c;color:white;padding:11px 14px;border-radius:6px;font-size:12px}.mobile-toggle{display:none}.sidebar-backdrop{display:none}@media(min-width:1550px){.content{padding-top:42px}.welcome-banner{min-height:245px}.stat-card{padding:23px}.welcome-banner h2{font-size:29px}.dashboard-columns{grid-template-columns:1.65fr 1fr}}@media(max-width:1200px){.sidebar{width:260px;padding-left:13px;padding-right:13px}.main-shell{margin-left:260px}.content{padding:27px 24px 0}.topbar{padding:0 24px}.date-pill{display:none}.stat-card{padding:13px}.stat-bottom{font-size:7px}.certificate-art{width:230px;margin-right:0}.welcome-banner{padding:25px}.welcome-banner h2{font-size:23px}.stats-grid{gap:11px}.user-box{width:calc(100% + 26px);margin-left:-13px}.dashboard-columns{gap:15px}.panel-title{padding-left:18px;padding-right:18px}}@media(max-width:960px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-bottom{font-size:9px}.dashboard-columns{grid-template-columns:1fr}.certificate-art{width:170px;transform:scale(.8)}.welcome-banner h2{font-size:20px}.heading-actions .primary{font-size:10px;padding:11px}.page-heading p{font-size:10px}.insight-row{flex-direction:column}.login-story{padding:45px 9%}.login-story h1{font-size:33px}.story-tag{font-size:7px}.login-form-area{padding:30px 8%}.login-form h2{font-size:23px}.login-form-area footer span{display:none}}@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:260px}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#102e2866;z-index:19}.main-shell{margin-left:0}.mobile-toggle{display:block;background:none;color:#52765e;font-size:18px;padding:0}.topbar{height:60px;padding:0 20px}.top-right{gap:10px}.connection{font-size:0}.top-separator{display:none}.content{padding:24px 18px 0}.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading h1{font-size:25px}.page-heading p{line-height:1.6;max-width:220px}.heading-actions{padding-top:22px}.heading-actions .primary{padding:10px;font-size:9px}.welcome-banner{min-height:220px;padding:25px 22px}.welcome-banner h2{font-size:21px}.certificate-art{position:absolute;right:-85px;bottom:-15px;opacity:.2;transform:scale(1)}.welcome-banner>div:first-child{z-index:1}.banner-kicker{font-size:6px}.stat-card>strong{font-size:27px}.stats-grid{gap:10px}.stat-top{font-size:9px}.stat-bottom{font-size:7px}.stat-icon{width:26px;height:26px}.page-footer{font-size:7px}.page-footer>span:last-child{display:none}.records-toolbar{align-items:stretch;flex-direction:column;padding:20px}.search-box{max-width:none}.form-grid{grid-template-columns:1fr}.modal-overlay{padding:10px}.modal-body{padding:20px}.modal>header{padding:20px}.modal footer{padding:17px 20px}.login-shell{grid-template-columns:1fr}.login-story{min-height:190px;padding:28px 30px}.login-story>.brand{font-size:24px}.story-tag,.logo-frame,.story-footer,.login-story p{display:none}.login-story h1{font-size:29px;margin-top:25px}.login-story h1 br{display:none}.login-form-area{padding:25px 30px}.login-top{display:none}.login-form{margin:12px auto 25px}.mini-icon{display:none}.login-form h2{font-size:24px}.login-form>p{margin-bottom:25px}.login-form-area footer{margin-top:15px}.toast{right:15px;bottom:15px;left:15px;max-width:none}.recent-panel .panel-title p{font-size:8px}.pagination{padding:15px;font-size:13px}}.records-panel .row-actions .text-button,.pagination .secondary{font-size:14px}.records-toolbar p{font-size:12px}@media(max-width:420px){.pagination{flex-wrap:wrap;gap:12px}}

.logo-picker{display:flex;flex-wrap:wrap;gap:8px}.logo-picker>input:not([type=file]){flex:1;min-width:160px}.logo-picker>button{display:inline-flex;align-items:center;gap:8px}.logo-picker>input[hidden]{display:none}

.sidebar-brand{display:block;margin:0 0 20px;border-radius:10px;overflow:hidden;background:#fff}.sidebar-brand img{display:block;width:100%;height:130px;object-fit:contain}.login-form .remember-login{flex-direction:row;align-items:center;gap:9px;font-size:13px}.login-form .remember-login input{width:18px;height:18px;accent-color:var(--green)}.logo-picker .logo-preview{width:100%;height:130px;object-fit:contain;background:#f3f6f3;border:1px solid var(--line);border-radius:8px}

.sidebar-brand{background:transparent;border-radius:0}.login-story .logo-frame{box-shadow:none}.camera-box{width:100%;display:flex;flex-wrap:wrap;gap:8px}.camera-box video{width:100%;max-height:280px;object-fit:contain;background:#102e28;border-radius:8px}@media(max-width:720px){.login-story .logo-frame{display:block;width:160px;height:107px;margin:14px 0}}

.birth-date-control{display:flex;align-items:center;gap:8px}.birth-date-control>input{flex:1}.birth-calendar{position:relative;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #dce5df;border-radius:8px;background:#f3f8f4;font-size:22px}.birth-calendar input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.birth-calendar input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.birth-calendar:focus-within{outline:3px solid #81c444;outline-offset:2px}

.signature-field{border:1px dashed #b6c9bd;border-radius:8px;background:#f8faf8;padding:14px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.signature-field img{width:100%;aspect-ratio:3/1;object-fit:contain;background:white}.signature-field p,.signature-field small{font-size:13px;color:#667d6d;text-align:center}

.profile-ring{display:flex;align-items:center;justify-content:center;width:88px;height:88px;padding:4px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#99ed20,#23b84c 45%,#006d4a 75%,#c3f596)}.profile-ring>img,.profile-ring>span{width:100%;height:100%;border:3px solid #f5faf4;border-radius:50%;object-fit:cover;background:#eaf4e7;color:#215536;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:700}.user-box.profile-card{flex-direction:column;gap:7px;padding:15px 12px;text-align:center}.profile-card strong{font-size:14px;overflow-wrap:anywhere}.profile-card small{font-size:12px;margin:0}.profile-logout{font-size:11px;color:#a5c9b0;margin-top:3px}.user-photo-editor{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 0 24px}.user-photo-editor .profile-ring{width:112px;height:112px}.user-photo-editor input[hidden]{display:none}

.action-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:9px;border:1px solid transparent;border-radius:10px;background:transparent;transition:background .18s,border-color .18s,box-shadow .18s}.action-button svg,.confirm-delete svg{width:21px;height:21px;flex-shrink:0;pointer-events:none}.action-edit{color:#2563c4}.action-edit:hover{background:#edf4ff;border-color:#cbdcf8}.action-delete{color:#d43c42}.action-delete:hover{background:#fff0f1;border-color:#f6ced1}.action-close{color:#62736b;border-color:#e4ebe6;background:#f7faf8;border-radius:50%}.action-close:hover{color:#253e31;background:#eaf1ed;border-color:#cad9d0}.action-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.action-button:active:not(:disabled){transform:scale(.96)}.danger-button.confirm-delete{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff0f1;color:#c52d37;border:1px solid #f1b9bf}.confirm-delete:hover:not(:disabled){background:#ffe3e6}@media(prefers-reduced-motion:reduce){.action-button{transition:none}.action-button:active:not(:disabled){transform:none}}

.pagination-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:10px 15px;border:1px solid var(--green);border-radius:10px;background:linear-gradient(135deg,#f1faef,#e0f2e7);color:#126d41;font-size:14px;font-weight:600;line-height:1.2;box-shadow:0 2px 5px #16814e0a;transition:background .18s,box-shadow .18s,transform .18s}.pagination-button svg{width:18px;height:18px;flex-shrink:0}.pagination-button:hover:not(:disabled){background:linear-gradient(135deg,#e6f6e2,#ccebd9);box-shadow:0 3px 9px #16814e18}.pagination-button:focus-visible{outline:2px solid var(--green);outline-offset:3px}.pagination-button:active:not(:disabled){transform:translateY(1px);box-shadow:none}.pagination-button:disabled{opacity:1;background:linear-gradient(135deg,#f7faf7,#edf3ef);border-color:#a9c5b5;color:#6f8b7a;box-shadow:none;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.pagination-button{transition:none}.pagination-button:active:not(:disabled){transform:none}}

.records-panel tbody tr:nth-child(odd){background:#f5faf4}.records-panel tbody tr:nth-child(even){background:#eaf5e9}.records-panel tbody tr:hover{background:#dff0df}.records-panel tbody td{border-bottom-color:#dcebdc}.workspace-document{display:block;color:#c2dacb;font-size:12px;margin-top:7px;white-space:nowrap}.notification-bell{display:inline-flex;color:var(--green);padding:8px}.notification-bell svg{width:23px;height:23px}.logout-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:9px;padding:10px 18px;border:1px solid #a3df6d;border-radius:10px;background:linear-gradient(135deg,#f4fae9,#dcefdc);color:#176b42;font-size:13px;font-weight:600}.logout-button svg{width:20px;height:20px}.logout-button:hover{background:linear-gradient(135deg,#eaf7d7,#cce8ce)}.logout-button:focus-visible{outline:2px solid #a3df6d;outline-offset:3px}.user-credentials{display:grid;grid-template-columns:1fr 1fr;gap:19px}.user-password-field{position:relative}.user-password-field input{padding-right:48px}.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;background:transparent;color:var(--green);border-radius:7px}.password-toggle svg{width:22px;height:22px}.password-toggle:hover{background:#e6f4e7}@media(max-width:480px){.user-credentials{grid-template-columns:1fr}}

.records-panel tbody td:not(.empty){padding-top:3px;padding-bottom:3px}.records-panel .row-actions .action-button,.records-panel .row-actions .icon-button{width:26px;height:26px;padding:4px;border-radius:7px}.records-panel .row-actions .action-button svg{width:17px;height:17px}.records-panel .row-actions{gap:6px}.heading-actions .primary svg{width:22px;height:22px;flex-shrink:0}.heading-actions .new-training{background:linear-gradient(130deg,#269856,#147449);border-color:#16814e;color:white}.heading-actions .new-training:hover{background:linear-gradient(130deg,#21894c,#105f3b)}.training-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 24px 24px}.training-filters label{font-size:12px}.training-filters input{font-size:13px;padding:9px 10px}.training-filter-actions{display:flex;gap:8px;align-items:flex-end}.training-relation{position:relative}.training-relation>small{display:block;color:#16814e;margin-top:5px;font-size:11px}.training-picker{position:relative;z-index:5;margin-top:8px;border:1px solid #8cbd9d;border-radius:12px;background:linear-gradient(135deg,#f6fbef,#e5f4ea);box-shadow:0 8px 24px #123e3018;padding:10px;min-width:0}.training-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.training-picker-heading strong{font-size:12px}.training-picker>p{padding:12px;font-size:12px}.training-picker>small{display:block;padding:8px 4px 0;font-size:10px;color:#567b63}.training-option-list{max-height:210px;overflow:auto}.training-option-list button{display:flex;flex-direction:column;gap:5px;width:100%;background:transparent;padding:10px;border:1px solid transparent;border-radius:7px;text-align:left;color:#315b40;font-size:13px;overflow-wrap:anywhere}.training-option-list button small{font-size:11px;color:#56725d}.training-option-list button:hover,.training-option-list button.active{background:linear-gradient(135deg,#dcefcc,#c9e9d5);border-color:#7fb892}.training-option-list button:focus-visible{outline:2px solid #16814e;outline-offset:-2px}@media(max-width:1000px){.training-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.training-filters{grid-template-columns:1fr;padding:0 20px 20px}}

/* Comfortable row spacing and certificate form. */
table tbody td:not(.empty){padding-top:6px;padding-bottom:6px}
.records-panel tbody td:not(.empty){padding-top:6px;padding-bottom:6px}
.records-panel .row-actions .action-button,.records-panel .row-actions .icon-button{width:30px;height:30px;padding:5px}
.records-panel .row-actions .action-button svg{width:19px;height:19px}
.certificate-code-search{display:flex;align-items:flex-end;gap:12px;margin-bottom:20px}.certificate-code-search label{flex:1}
.certificate-details input[readonly]{background:#f5f8f4;color:#3e5c48}
.certificate-logo{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:15px;border:1px dashed #9fbea6;border-radius:12px;background:#f7faf4}
.certificate-logo img{width:170px;height:110px;object-fit:contain}.certificate-logo p{font-size:13px;flex:1}.certificate-logo input[hidden]{display:none}
.modal .new-training{background:linear-gradient(130deg,#269856,#147449);border:1px solid #16814e}
@media(max-width:480px){.certificate-code-search{align-items:stretch;flex-direction:column}}

.action-certificate{color:#16814e}.action-certificate:hover{background:#e8f5e5;border-color:#abd09c}

.cert-col-codigo{width:72px;max-width:72px}.cert-col-data{width:92px;max-width:92px;white-space:normal!important}.records-panel .cert-col-carga_horaria{box-sizing:border-box;width:140px;min-width:140px;max-width:140px;white-space:nowrap!important;overflow-wrap:normal;word-break:normal;overflow:hidden;text-overflow:ellipsis}.records-panel th.cert-col-data,.records-panel th.cert-col-carga_horaria{line-height:1.35}.action-pdf{color:#b94c42}.action-pdf:hover{background:#fff1ed;border-color:#edc7bf}.action-button.already-signed{color:#9da7a1;background:#f0f2f0;cursor:default}.settings-panel{padding:28px}.settings-panel h2{margin:8px 0 20px}.settings-panel form{margin-bottom:30px}.model-list article{display:flex;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid #dfebdf}.model-list article strong{flex:1}.model-editor-overlay{position:fixed;inset:12px;z-index:90;background:#f0f4ef;border:1px solid #b9cdb9;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 60px #17372340}.model-editor-overlay header{display:flex;gap:12px;padding:12px;background:white}.model-editor-overlay header input{flex:1}.model-toolbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:8px 15px;background:white;border-bottom:1px solid #d7e4d7}.model-toolbar button,.model-pages button{padding:8px 10px;background:#edf5e8;border:1px solid #bad0ad;border-radius:6px;color:#325d3d;font-size:12px}.model-toolbar select{width:auto;padding:6px}.model-toolbar input[type=number]{width:65px;padding:6px}.model-toolbar input[type=color]{width:38px;padding:3px}.model-toolbar label{display:flex;align-items:center;gap:6px}.model-pages{display:flex;gap:6px;padding:10px}.model-pages .active{background:#cfe5c5}.editor-hint{font-size:12px;padding:0 15px 10px;color:#5a735e}.model-workspace{overflow:auto;flex:1;padding:25px;background:repeating-linear-gradient(0deg,#e5ece3,#e5ece3 19px,#d8e3d6 20px)}.model-workspace .canvas-container{margin:auto;box-shadow:0 4px 20px #294b2920}.pdf-modal{width:min(1050px,95vw)}.pdf-preview{position:relative;width:100%;background:white;box-shadow:0 2px 14px #294b2920}.pdf-preview canvas{display:block;width:100%;height:100%}.pdf-sign-position{position:absolute;display:flex;align-items:center;justify-content:center;font-size:12px;border:2px dashed #16814e;background:#d4efcebb;color:#195f35;touch-action:none;cursor:move;user-select:none}.pdf-controls{display:flex;gap:15px;margin-bottom:14px}.pdf-controls label{flex:1}.signer-help{margin-top:18px;font-size:13px}.signer-help a{color:#16814e}.signer-help p{margin:9px 0}

.signature-status{display:inline-block;width:15px;height:15px;border-radius:50%;vertical-align:middle;border:2px solid white;box-shadow:0 0 0 1px #c8d4ca}.signature-status.has-signature{background:#16814e}.signature-status.no-signature{background:#d43c42}

.signature-qr{display:flex;align-items:center;gap:18px;flex-wrap:wrap;width:100%;padding:16px;border:1px solid #c4dcc4;border-radius:12px;background:#f4faf0}.signature-field .signature-qr img{width:200px;height:200px;aspect-ratio:1;flex-shrink:0}.signature-qr>div{flex:1;min-width:180px}.signature-qr p,.signature-qr small{text-align:left;margin:8px 0}.signature-qr a{color:#147448;font-weight:600}.signature-qr small{display:block}
.nav-chevron{margin-left:auto}.nav-submenu{margin:0 12px 8px 30px;border-left:1px solid #81be76;padding-left:8px}.nav-submenu button{display:block;background:none;border:0;color:#d9eadb;padding:9px 12px;width:100%;text-align:left;border-radius:8px}.nav-submenu button.active,.nav-submenu button:hover{background:#ffffff18;color:#b8f18b}
.notification-area{position:relative}.notification-bell{position:relative;border:0;background:#f0f8ec;cursor:pointer}.notification-dot{position:absolute;right:4px;top:4px;width:9px;height:9px;border-radius:50%;background:#ef9631;border:2px solid white}.notification-popover{position:absolute;right:0;top:45px;width:min(340px,80vw);padding:15px;background:linear-gradient(140deg,#f7fff2,#eaf6e7);border:1px solid #94ce74;border-radius:14px;box-shadow:0 10px 30px #173f2526;z-index:60}.notification-popover button{border:0;background:none;text-align:left;color:#24503b}.notification-popover span{display:block;margin-top:8px;line-height:1.5}
.overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:22px}.overview-stats>article,.overview-stats>button{padding:24px;border:1px solid #d5e9ce;border-radius:18px;background:linear-gradient(130deg,#fff,#eef9e9);text-align:left;color:#365441}.overview-stats strong{display:block;font-size:36px;margin-top:12px}.overview-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.overview-charts section{padding:22px;min-width:0}.overview-charts h3{margin:0 0 20px}.overview-charts section>div{height:310px}.overview-charts .wide{grid-column:1/-1}.expiry-expired,td[data-expiry="expiry-expired"]{color:#c63838!important;font-weight:600}.expiry-upcoming,td[data-expiry="expiry-upcoming"]{color:#c77508!important;font-weight:600}.action-button.already-signed{color:#2876cc!important;background:#edf5ff!important;cursor:pointer}.action-button.already-signed:hover{background:#dcecff!important;border-color:#81b2e5}
.editor-ribbon{display:flex;flex-wrap:wrap;gap:7px;padding:8px 14px;background:#f5faf2;border-bottom:1px solid #d3e4ca}.editor-group{display:flex;flex-direction:column;border-right:1px solid #cfdfc9;padding:3px 10px 0 0;gap:5px;max-width:100%}.editor-group>div{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.editor-group small{text-align:center;color:#668260;font-size:10px}.editor-ribbon button,.model-pages button,.editor-icon-button{display:inline-flex;align-items:center;justify-content:center}.editor-ribbon button{width:32px;height:32px;padding:6px;background:#fff;border:1px solid #d5e5ce;border-radius:6px;color:#315c40}.editor-ribbon button:hover{background:#e0f3d9;border-color:#89b97b}.editor-ribbon svg,.model-pages svg,.editor-icon-button svg{width:19px;height:19px}.editor-ribbon select{max-width:180px;width:auto;height:32px;font-size:12px;padding:4px}.editor-ribbon input[type=number]{width:61px;height:32px;padding:4px}.editor-ribbon input[type=color]{width:32px;height:32px;padding:3px}.editor-zoom{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:9px 22px;border-top:1px solid #d1e4c9;background:#f5faf2}.editor-zoom input{width:220px;accent-color:#18814d}.editor-zoom output{width:45px}.editor-confirm-overlay{position:absolute;inset:0;background:#14372055;display:grid;place-items:center;z-index:5}.editor-confirm{width:min(460px,90vw);padding:28px;border:1px solid #74af56;border-radius:20px;background:linear-gradient(140deg,#f4ffee,#e3f3dc);box-shadow:0 20px 70px #153a2340}.editor-confirm>div{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.editor-confirm p{line-height:1.6}.model-editor-overlay>header>strong{margin-right:auto}.model-workspace{min-height:100px;flex:1}.model-editor-overlay{overflow:auto}
@media(max-width:850px){.overview-stats{grid-template-columns:1fr}.overview-charts{grid-template-columns:1fr}.overview-charts .wide{grid-column:auto}.editor-ribbon{max-height:220px;overflow:auto}}
.pdf-sign-position{overflow:visible}.signature-position-label{text-align:center;overflow:hidden;max-width:100%;max-height:100%;padding:5px;pointer-events:none}.signature-position-label small{font-size:9px}.signature-resize-handle{position:absolute;right:-7px;bottom:-7px;width:22px;height:22px;border:1px solid #16814e;border-radius:5px;background:#f0ffe9;color:#16814e;padding:2px;cursor:nwse-resize;touch-action:none}.signature-resize-handle svg{width:16px;height:16px}.signature-resize-handle:focus-visible{outline:2px solid #317cc5;outline-offset:2px}

.pdf-workspace{overflow:auto;max-height:65vh;padding:12px;background:#e5ece3}.pdf-workspace .pdf-preview{margin:0 auto;flex-shrink:0}.pdf-zoom{margin-top:12px}.pdf-zoom input{max-width:55vw}

.table-dragging,.table-dragging *{cursor:grabbing!important;user-select:none!important}.training-card-vencidos{color:#b42318}.training-card-venceHoje,.training-card-vence7Dias{color:#b54708}.training-card-vence30Dias{color:#946000}.training-card-vence60Dias{color:#175cd3}.training-card-validos{color:#067647}.training-card-pendentes,.training-card-cancelados{color:#667085}.training-situation{border:1px solid currentColor;border-radius:12px;padding:3px 8px;display:inline-block}
.overview-stats.overview-compact{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:14px}
.overview-compact>button{padding:10px 12px;border-radius:10px;min-height:70px;box-shadow:none;transition:background .15s,border-color .15s}
.overview-compact>button:hover,.overview-compact>button:focus-visible{background:#eaf5e5;border-color:#76ad66;outline:2px solid transparent}
.overview-compact>button>span{font-size:11px;line-height:1.3;display:block}
.overview-compact strong{font-size:23px;line-height:1.1;margin-top:5px}
.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:28px;color:#55715d;min-height:100px}
.overview-loading{min-height:260px}.loading-spinner{display:inline-block;width:26px;height:26px;border:3px solid #dce7dc;border-top-color:#318857;border-radius:50%;animation:proseg-spin .8s linear infinite;flex-shrink:0}
@keyframes proseg-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none;border-top-color:#318857;border-right-color:#318857}}
.pdf-loading{min-height:280px}.pdf-workspace[aria-busy=true]{min-height:300px}
.print-button{color:#9a6ad0!important}.print-button:hover{background:#f4edfc!important;border-color:#cbb2e5!important}.print-button svg,.print-records-modal svg{width:20px;height:20px;stroke-width:1.4}
.print-records-modal{max-width:460px}.print-records-modal .primary{display:inline-flex;align-items:center;gap:8px}
.course-instructors{border:1px solid #d8e6d3;border-radius:10px;margin:12px 0;padding:12px}.course-instructors legend{font-weight:600;padding:0 5px}.instructor-options{max-height:210px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.instructor-options label{display:flex;align-items:center;gap:9px;font-size:13px}.instructor-options input[type=checkbox]{width:16px;height:16px;accent-color:#358752}
.editor-ribbon{gap:5px;padding:5px 10px}.editor-group{padding:2px 7px 0 0;gap:3px}.editor-group>div{gap:4px}.editor-ribbon .editor-inline-field,.editor-grid-tools .editor-inline-field{display:inline-flex;align-items:center;flex-direction:row;gap:3px;margin:0}.editor-inline-field>svg{width:17px;height:17px;flex-shrink:0;color:#59755f}.editor-inline-field input[type=number]{width:57px;height:30px;padding:4px;font-size:12px}.editor-ribbon button.active,.editor-grid-tools button.active{background:#dcedd5;border-color:#7eb66c;box-shadow:inset 0 0 0 1px #9ac48b}.editor-grid-tools{align-items:center;flex-wrap:wrap;padding:5px 10px;gap:7px}.editor-grid-tools button{width:30px;height:30px;padding:5px}.editor-grid-tools input{max-width:70px}.editor-ribbon input[type=color]{flex-shrink:0}

/* Editor organizado conforme a referência: ferramentas, área de trabalho, rodapé. */
.editor-reference-layout{inset:0;border-radius:0;overflow:hidden;background:#e5ece3}
.editor-reference-layout .editor-ribbon{flex-shrink:0;align-content:flex-start;align-items:center;gap:6px 8px;padding:9px 12px;background:#f5faf2;min-height:84px;max-height:28vh;overflow:auto}
.editor-reference-layout .editor-group{padding:0 7px 0 0;gap:0;flex-shrink:0;border-right:1px solid #d7e5d0}
.editor-reference-layout .editor-group>div{gap:4px;align-items:center}
.editor-reference-layout .editor-grid-tools{margin:0;padding:0 7px 0 0}
.editor-reference-layout .editor-ribbon button{width:31px;height:32px}
.editor-reference-layout .editor-ribbon select{height:32px;max-width:205px}
.editor-reference-layout .editor-ribbon select[aria-label="Campo dinâmico"]{width:180px}
.editor-reference-layout .editor-ribbon select[aria-label="Imagem do cadastro"]{width:165px}
.editor-reference-layout .editor-ribbon select[aria-label="Fonte"]{width:178px}
.editor-reference-layout .editor-ribbon select[aria-label="Formato da linha"]{width:130px}
.editor-reference-layout .model-workspace{min-height:0;flex:1;overflow:auto;padding:0;background:repeating-linear-gradient(0deg,#e5ece3,#e5ece3 19px,#dce7da 20px)}
.editor-reference-layout .editor-paper-stage{box-sizing:border-box;min-width:100%;min-height:100%;width:max-content;display:flex;padding:40px;align-items:center;justify-content:center}
.editor-reference-layout .canvas-container{flex:none;margin:auto;background:white;box-shadow:0 5px 22px #294b291a}
.editor-reference-layout .editor-bottom-bar{display:flex;align-items:center;flex-shrink:0;gap:12px;min-height:52px;padding:0 12px;background:#f5faf2;border-top:1px solid #d0e1cb}
.editor-reference-layout .model-pages{padding:7px 0;flex-wrap:wrap;gap:6px}
.editor-reference-layout .model-pages button{height:36px;min-width:36px;border-radius:5px;font-size:11px}
.editor-reference-layout .editor-document-actions{display:flex;align-items:center;gap:5px;margin-left:auto}
.editor-reference-layout .editor-document-actions strong{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#57715c;margin-right:6px}
.editor-reference-layout .editor-document-actions button{width:31px;height:32px;padding:6px}
.editor-reference-layout .editor-document-actions svg{width:19px;height:19px}
.editor-reference-layout .editor-zoom{padding:7px 0 7px 12px;border:0;background:transparent;font-size:12px;gap:10px;flex-shrink:0}
.editor-reference-layout .editor-zoom input{width:215px}
@media(max-width:900px){.editor-reference-layout .editor-document-actions strong{display:none}.editor-reference-layout .editor-bottom-bar{gap:5px;flex-wrap:wrap}.editor-reference-layout .editor-zoom input{width:130px}.editor-reference-layout .editor-paper-stage{padding:20px}}

.editor-reference-layout .editor-bottom-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);position:relative;column-gap:14px;min-height:65px}
.editor-reference-layout .editor-bottom-bar>.model-pages{grid-column:1;grid-row:1;justify-self:start}
.editor-reference-layout .editor-save-model{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 8px}
.editor-reference-layout .editor-save-model>div{display:flex;gap:8px}
.editor-reference-layout .editor-save-model button{width:32px;height:32px;padding:6px;display:inline-flex;align-items:center;justify-content:center}
.editor-reference-layout .editor-save-model svg{width:19px;height:19px}
.editor-reference-layout .editor-save-model small{font-size:10px;line-height:1.2;color:#808080;font-weight:400}
.editor-reference-layout .editor-bottom-bar>.editor-document-actions{grid-column:3;grid-row:1;justify-self:end;margin-right:330px}
.editor-reference-layout .editor-bottom-bar>.editor-zoom{grid-column:3;grid-row:1;justify-self:end}
@media(max-width:1250px){.editor-reference-layout .editor-document-actions strong{display:none}}
@media(max-width:900px){.editor-reference-layout .editor-bottom-bar>.editor-document-actions{margin-right:220px}.editor-reference-layout .editor-bottom-bar{column-gap:5px}}
@media(max-width:650px){.editor-reference-layout .editor-bottom-bar>.model-pages{grid-column:1/-1;grid-row:1}.editor-reference-layout .editor-save-model{grid-row:2}.editor-reference-layout .editor-bottom-bar>.editor-document-actions{grid-column:1;grid-row:2;margin:0;justify-self:start}.editor-reference-layout .editor-bottom-bar>.editor-zoom{grid-column:3;grid-row:2}.editor-reference-layout .editor-zoom input{width:70px}.editor-reference-layout .editor-zoom>span{display:none}}

.topbar .topbar-emitter{width:260px;max-width:30vw;margin:0;padding:6px 10px;border:1px solid #dfebdd;background:#f5f9f2;gap:8px;border-radius:8px}
.topbar-emitter .workspace-icon{font-size:19px;background:#e7f0e1;color:#648766;padding:4px 6px}
.topbar-emitter small{font-size:8px;letter-spacing:.8px;margin-bottom:2px;color:#7b8a7c}
.topbar-emitter strong{font-size:12px;color:#35583f;font-weight:600}
.topbar-emitter .workspace-document{font-size:10px;color:#819183;margin-top:2px}
.topbar .breadcrumbs{min-width:0;margin-right:12px}.topbar .breadcrumbs strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.topbar .topbar-emitter{width:175px;max-width:43vw;padding:5px 7px}.topbar-emitter .workspace-icon,.topbar-emitter>.status-dot{display:none}.topbar .breadcrumbs>span{display:none}.topbar .breadcrumbs{gap:7px;margin-right:7px}.topbar .top-right{gap:7px}.topbar .top-separator,.topbar .avatar.small{display:none}}

.pdf-viewer-overlay{padding:10px}
.modal.pdf-expanded{width:calc(100vw - 20px);max-width:none;height:calc(100vh - 20px);height:calc(100dvh - 20px);max-height:none;border-radius:12px}
.pdf-expanded>header{padding:12px 20px;flex-shrink:0}.pdf-expanded>header h2{font-size:18px;margin:0}
.pdf-expanded>.modal-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:10px 14px;overflow:hidden;gap:8px;background:#f7faf6}
.pdf-expanded .pdf-workspace{display:flex;flex:1;min-height:0;max-height:none;overflow:auto;padding:16px;border-radius:9px;background:#e5ece3}
.pdf-expanded .pdf-workspace .pdf-preview{margin:auto;flex-shrink:0}.pdf-expanded .pdf-loading{margin:auto;min-height:0}
.pdf-expanded .pdf-sign-options{display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex-shrink:0;font-size:12px}
.pdf-sign-options>label{display:flex;align-items:center;gap:7px}.pdf-sign-options input[type=number]{width:76px;height:32px;padding:4px 7px}.pdf-sign-options input[type=checkbox]{width:16px;height:16px;accent-color:#268454}.pdf-sign-options>span{color:#7a897a}
.pdf-expanded .signer-help{margin:0;font-size:11px;flex-shrink:0}.pdf-expanded .signer-help span{margin-left:10px;color:#748173}.pdf-expanded .signer-help p{margin:4px 0}.pdf-expanded .form-note,.pdf-expanded .form-error{margin:0;flex-shrink:0}
.pdf-expanded .pdf-bottom-bar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:10px 16px;gap:16px;background:white}
.pdf-pagination{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:12px;color:#52645a}
.pdf-pagination button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #dce6d7;border-radius:9px;background:#f6faf3;color:#408154}
.pdf-pagination button:hover:not(:disabled){background:#e7f1e0}.pdf-pagination button:disabled{opacity:.35}.pdf-pagination svg{width:19px;height:19px}.pdf-page-total{color:#8b978d}.pdf-pagination strong{display:inline-block;padding:5px 9px;border-radius:6px;background:#f0f5eb;color:#315e3c}
.pdf-expanded .pdf-zoom{padding:0;border:0;background:transparent;font-size:12px;gap:8px}.pdf-expanded .pdf-zoom input{width:150px}
.pdf-viewer-actions{display:flex;align-items:center;gap:8px}.pdf-viewer-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.pdf-viewer-actions svg{width:21px;height:21px;stroke-width:1.3}.pdf-export-button{color:#c34550!important}.pdf-export-button:hover{background:#fff1f2!important;border-color:#efc3c6!important}
@media(max-width:1000px){.pdf-expanded .pdf-bottom-bar{flex-wrap:wrap;gap:8px}.pdf-viewer-actions{margin-left:auto}.pdf-expanded .pdf-zoom input{width:110px}.pdf-viewer-actions button{padding:8px}.pdf-sign-options>span{display:none}}
@media(max-width:600px){.pdf-viewer-overlay{padding:4px}.modal.pdf-expanded{width:calc(100vw - 8px);height:calc(100dvh - 8px);border-radius:8px}.pdf-expanded>.modal-body{padding:6px}.pdf-expanded .pdf-viewer-actions{width:100%;justify-content:flex-end}.pdf-expanded .pdf-bottom-bar{padding:8px}.pdf-expanded .pdf-sign-options{gap:8px}.pdf-sign-options>.pdf-identity-toggle{width:100%;font-size:11px}.pdf-expanded .signer-help{max-height:70px;overflow:auto}}

/* Shared balloon tooltips, outside modal clipping and stacking contexts. */
.system-tooltip{position:fixed;z-index:100000;max-width:min(320px,calc(100vw - 16px));padding:9px 13px;background:#f6fcf4;color:#244e35;border:1px solid #70a77b;border-radius:11px;box-shadow:0 5px 18px #183e2424;font:12px/1.45 system-ui,sans-serif;pointer-events:none;overflow-wrap:anywhere}
.system-tooltip[hidden]{display:none}
.system-tooltip:after{content:'';position:absolute;left:var(--tip-arrow);width:8px;height:8px;background:#f6fcf4;transform:translateX(-50%) rotate(45deg)}
.system-tooltip[data-side=top]:after{bottom:-5px;border-right:1px solid #70a77b;border-bottom:1px solid #70a77b}
.system-tooltip[data-side=bottom]:after{top:-5px;border-left:1px solid #70a77b;border-top:1px solid #70a77b}
.editor-reference-layout .editor-close-top{position:absolute;right:12px;top:8px;z-index:3;display:flex;align-items:center;gap:6px;background:#21834b;color:white;border:1px solid #1c713f;border-radius:7px;padding:7px 10px;font-size:12px}
.editor-close-top svg{width:18px;height:18px}
.editor-reference-layout .editor-ribbon{padding-right:150px}
.editor-reference-layout .editor-bottom-bar{grid-template-columns:minmax(0,1fr) auto minmax(100px,1fr) auto}
.editor-reference-layout .editor-bottom-bar>.editor-document-actions{grid-column:3;grid-row:1;justify-self:stretch;justify-content:center;min-width:0;margin:0}
.editor-reference-layout .editor-document-actions strong{display:block;text-align:center;max-width:100%;margin:0;font-size:13px}
.editor-reference-layout .editor-bottom-bar>.editor-zoom{grid-column:4;grid-row:1}
@media(max-width:650px){.editor-reference-layout .editor-bottom-bar{grid-template-columns:auto minmax(80px,1fr) auto}.editor-reference-layout .editor-bottom-bar>.model-pages{grid-column:1/-1;grid-row:1}.editor-reference-layout .editor-save-model{grid-column:1;grid-row:2}.editor-reference-layout .editor-bottom-bar>.editor-document-actions{grid-column:2;grid-row:2}.editor-reference-layout .editor-bottom-bar>.editor-zoom{grid-column:3;grid-row:2}}
.upcoming-training-panel{margin-top:22px;overflow:hidden}.upcoming-training-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px}.upcoming-training-panel h3{margin:0 0 6px;font-size:18px;color:#244e35}.upcoming-training-panel header p{margin:0;color:#77847c;font-size:13px}.upcoming-count,.due-days{display:inline-block;white-space:nowrap;background:#edf7ed;color:#287047;padding:6px 10px;border-radius:20px;font-size:12px}.due-days.urgent{background:#fff0db;color:#996010}.upcoming-training-panel .table-scroll{overflow:auto}.upcoming-training-panel table{width:100%;border-collapse:collapse}.upcoming-training-panel th{background:#f4f8f4;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#718176}.upcoming-training-panel td,.upcoming-training-panel th{padding:14px;text-align:left;border-bottom:1px solid #edf2ed}.upcoming-training-panel tbody tr:hover{background:#f8fbf7}
.instructor-options{max-height:210px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;padding:10px;background:#f7faf6;border-radius:10px}.instructor-selected{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0}.instructor-selected>span{background:#edf7ed;border:1px solid #c6dfc8;border-radius:20px;padding:3px 8px;font-size:12px}.instructor-selected button{border:0;background:transparent;color:#287047;padding:3px 6px}.course-contents{margin:16px 0;border:1px solid #d9e6d8;border-radius:10px;padding:15px}.course-contents>p{font-size:12px;color:#77847c}.course-content-row{display:flex;align-items:center;gap:12px;margin:12px 0}.course-content-row label{flex:1}.course-content-row textarea{width:100%}

.upcoming-training-panel>header{position:relative;display:flex;align-items:center;justify-content:center;min-height:136px;padding:28px 125px;text-align:center;background:linear-gradient(115deg,#a1ee26 0%,#23b54f 48%,#006d47 100%);border-radius:12px;margin-bottom:16px}
.upcoming-training-panel>header>div{width:100%;max-width:760px}
.upcoming-training-panel>header h3{color:#103c2f;font-size:20px;line-height:1.4;margin:0 0 8px}
.upcoming-training-panel>header p{color:#103c2f;font-size:13px;line-height:1.6;margin:0}
.upcoming-training-panel>header .upcoming-count{position:absolute;right:18px;top:50%;transform:translateY(-50%);background:#f2faec;color:#245536}
@media(max-width:700px){.upcoming-training-panel>header{padding:24px 18px 60px}.upcoming-training-panel>header .upcoming-count{top:auto;bottom:14px;right:50%;transform:translateX(50%)}.upcoming-training-panel>header h3{font-size:18px}}
.upcoming-training-panel>header{min-height:68px;padding-top:12px;padding-bottom:12px}.upcoming-training-panel>header h3{margin-bottom:3px;font-size:18px}.upcoming-training-panel>header p{font-size:12px;line-height:1.4}@media(max-width:700px){.upcoming-training-panel>header{padding:12px 12px 42px}}

.sidebar-emitter{flex-shrink:0;margin-bottom:16px}.sidebar-emitter>div:not(.workspace-icon){min-width:0;flex:1}.sidebar-emitter strong{overflow:hidden;text-overflow:ellipsis}.sidebar-emitter>.status-dot{flex-shrink:0}

.emitter-selector{display:block;min-width:0}.emitter-selector select{width:100%;min-width:0;padding:5px 6px;font-size:12px;color:#244e35;background:#fff}.topbar-emitter>div:not(.workspace-icon){min-width:0;flex:1}.emitter-selector .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

.editor-reference-layout .editor-save-top{padding-right:12px;border-right:1px solid #9bb69d}
.editor-save-top small{font-size:10px;line-height:1.2;text-align:center;margin-top:3px}
.editor-reference-layout .editor-bottom-bar{grid-template-columns:minmax(0,1fr) minmax(100px,1fr) auto}
.editor-reference-layout .editor-bottom-bar>.editor-document-actions{grid-column:2}
.editor-reference-layout .editor-bottom-bar>.editor-zoom{grid-column:3}
.editor-reference-layout .editor-paper-stage{padding:40px}
.editor-sheet{position:relative;flex:none}
.editor-ruler{position:absolute;display:block;background:#f5faf2;user-select:none;touch-action:none;z-index:2;overflow:hidden}
.editor-ruler line{stroke:#829987;stroke-width:1}
.editor-ruler text{font:9px Arial,sans-serif;fill:#3f624b}
.ruler-horizontal{top:-24px;left:0;cursor:row-resize;border-bottom:1px solid #a6bba8}
.ruler-vertical{top:0;left:-24px;cursor:col-resize;border-right:1px solid #a6bba8}
.editor-ruler-corner{position:absolute;top:-24px;left:-24px;width:24px;height:24px;background:#e2eddf;color:#56735b;font:9px/24px Arial;text-align:center}
.editor-guides{position:absolute;inset:0;pointer-events:none;z-index:2}
.editor-guides .editor-guide{position:absolute;display:block;background:transparent;border:0;border-radius:0;padding:0;margin:0;pointer-events:auto;touch-action:none;box-shadow:none;outline-offset:1px}
.editor-guide.guide-x{top:0;width:9px;height:100%;transform:translateX(-50%);cursor:col-resize}
.editor-guide.guide-y{left:0;height:9px;width:100%;transform:translateY(-50%);cursor:row-resize}
.editor-guide::after{content:'';position:absolute;pointer-events:none}
.editor-guide.guide-x::after{top:0;bottom:0;left:4px;border-left:1px dashed #168fbd}
.editor-guide.guide-y::after{left:0;right:0;top:4px;border-top:1px dashed #168fbd}
.editor-guide.dragging::after,.editor-guide:hover::after{border-color:#dc7f0a;border-style:solid}
.editor-guide .guide-position{position:absolute;top:8px;left:8px;white-space:nowrap;background:#fff8e9;color:#7d4a03;border:1px solid #dfb979;padding:3px 6px;border-radius:4px;font:11px Arial;pointer-events:none}
@media(max-width:650px){.editor-reference-layout .editor-bottom-bar{grid-template-columns:minmax(80px,1fr) auto}.editor-reference-layout .editor-bottom-bar>.model-pages{grid-column:1/-1;grid-row:1}.editor-reference-layout .editor-bottom-bar>.editor-document-actions{grid-column:1;grid-row:2}.editor-reference-layout .editor-bottom-bar>.editor-zoom{grid-column:2;grid-row:2}}

.editor-paper-tools label{display:flex;flex-direction:column;gap:3px;font-size:11px}.editor-paper-tools select{max-width:min(280px,70vw)}.editor-paper-tools small{white-space:nowrap}
.modal :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),.settings-panel>form :is(input,select,textarea),.editor-confirm :is(input,select,textarea){font-size:16px;line-height:1.4;border-radius:8px;transition:background-color .15s,border-color .15s,box-shadow .15s}
:is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):focus:not(:disabled):not([readonly]){background-color:#effbea;border-color:#23934f;outline:none;box-shadow:0 0 0 3px #23934f22}
.birth-date-control:focus-within,.date-input:focus-within{border-color:#23934f}
.editor-ribbon .editor-group{justify-content:center}
.editor-band-layout{display:flex;align-items:flex-start;gap:28px;min-width:max-content}.editor-band-panel{width:180px;flex-shrink:0;position:sticky;left:0;z-index:2;background:#eef4ec;border:1px solid #bdd0b7;border-radius:8px;padding:10px;box-sizing:border-box}.editor-band-panel>strong{display:block;margin-bottom:9px}.band-properties{display:grid;gap:8px;margin-bottom:12px;font-size:12px}.band-properties input[type=number]{width:100%;padding:6px;font-size:14px}.band-properties .band-grow{display:flex;align-items:center;gap:6px}.band-grow input{width:auto}.band-properties>small{color:#57745a;line-height:1.4}.band-properties>div{display:flex;gap:6px}.band-properties button{display:flex;align-items:center;gap:3px;padding:6px}.band-properties svg{width:17px;height:17px}.band-list{display:flex;flex-direction:column}.band-item{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;border:1px solid #aebbaa;border-radius:0;padding:8px;color:#254536;background:linear-gradient(#f7faf4,#d8e2d3);text-align:left}.band-item small{font-size:10px}.band-item.child{padding-left:20px}.band-item.band-data{background:linear-gradient(#fff0bc,#efc979)}.band-item.active{outline:2px solid #16814e;outline-offset:-2px;background:#cceac3}.band-boundaries{position:absolute;inset:0;pointer-events:none;z-index:1}.band-boundary{position:absolute;left:0;right:0;border-top:1px dashed #669260;border-bottom:1px dashed #669260;box-sizing:border-box}.band-boundary.active{border-color:#16814e;background:#16814e08}.band-boundary .band-caption{position:absolute;right:2px;top:1px;background:#f0f7e9cc;color:#477644;font-size:10px;padding:1px 4px}.editor-band-layout .editor-paper-stage{flex:1}
.editor-database-dialog{width:min(920px,94vw);max-height:88vh;overflow:auto}.editor-database-dialog header{display:flex;align-items:center;justify-content:space-between;gap:15px}.editor-database-dialog .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0}.editor-database-dialog label{display:flex;flex-direction:column;gap:6px}.editor-database-dialog .remember-login{flex-direction:row;align-items:center}.database-structure{max-height:180px;overflow:auto;margin-top:14px;border:1px solid #c7ddc2;border-radius:8px}.database-structure table{min-width:0;width:100%;font-size:13px}.database-structure th,.database-structure td{padding:7px 10px}.editor-database-dialog form>div:last-child{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}

.band-row{position:relative}.band-resize-note{display:block;margin:8px 0;font-size:11px;line-height:1.4;color:#57745a}
.band-resize-handle{position:absolute;display:block;left:0;right:0;bottom:-5px;height:10px;padding:0;border:0;cursor:row-resize;pointer-events:auto;touch-action:none;z-index:3;background:transparent;outline-offset:-1px}
.band-resize-handle.footer{bottom:auto;top:-5px}.band-resize-handle::after{content:'';position:absolute;left:0;right:0;top:4px;height:2px;background:#66926080}.band-resize-handle:hover::after,.band-resize-handle:focus::after{height:3px;background:#16814e}.band-row .band-resize-handle::after{left:35%;right:35%;height:3px;border-radius:3px}

/* The sheet alone scrolls. Rulers and band panels share its coordinate origin. */
.editor-reference-layout .model-workspace{overflow:hidden;display:flex;min-width:0}
.editor-reference-layout .editor-band-layout{display:grid;grid-template-columns:140px minmax(0,1fr) 210px;gap:0;width:100%;height:100%;min-width:0;min-height:0;align-items:stretch}
.editor-reference-layout .editor-band-panel{position:relative;left:auto;z-index:3;width:auto;min-width:0;height:100%;padding:0;border-radius:0;border:0;border-right:1px solid #bdd0b7;display:grid;grid-template-rows:24px minmax(0,1fr);overflow:hidden}
.band-panel-heading{height:24px;box-sizing:border-box;padding:4px 8px;font-size:11px;font-weight:600;border-bottom:1px solid #bdd0b7;background:#eef4ec}
.band-list-viewport{overflow:hidden;position:relative;min-height:0}.editor-reference-layout .band-list{position:relative;display:block;will-change:transform}
.editor-reference-layout .band-row{position:absolute;left:0;right:0}.editor-reference-layout .band-item{box-sizing:border-box;height:100%;min-height:0;padding:0 6px;overflow:hidden;gap:0;justify-content:center;border-top:0;border-bottom:1px solid #aebbaa;font-size:11px;white-space:nowrap}
.editor-reference-layout .band-item span,.editor-reference-layout .band-item small{max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:13px;flex-shrink:0}.editor-reference-layout .band-item.child{padding-left:16px}
.editor-band-properties-panel{box-sizing:border-box;overflow:auto;min-height:0;padding:12px;border-left:1px solid #bdd0b7;background:#eef4ec;font-size:12px}.editor-band-properties-panel>strong{display:block;margin-bottom:14px}.editor-band-properties-panel .band-properties input[type=number]{width:100%}.editor-band-properties-panel .band-properties>div{display:flex;gap:6px}.editor-band-properties-panel>button{max-width:100%}
.editor-document-area{display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:24px minmax(0,1fr);min-width:0;min-height:0;height:100%;overflow:hidden;position:relative}
.editor-document-area .editor-ruler-corner{position:relative;grid-row:1;grid-column:1;top:auto;left:auto;z-index:4;width:24px;height:24px;box-sizing:border-box}
.ruler-horizontal-viewport{grid-column:2;grid-row:1;position:relative;overflow:hidden;background:#f3f7f0;z-index:3}.ruler-vertical-viewport{grid-column:1;grid-row:2;position:relative;overflow:hidden;background:#f3f7f0;z-index:3}
.editor-document-area .editor-ruler{position:absolute;top:0;left:0;display:block;max-width:none;max-height:none;transform-origin:0 0}
.editor-document-scroll{grid-column:2;grid-row:2;overflow:auto;min-width:0;min-height:0;position:relative;overscroll-behavior:contain}
.editor-reference-layout .editor-sheet{margin:0;padding:0;box-sizing:content-box}.editor-reference-layout .editor-sheet .canvas-container{margin:0;box-shadow:none}
.editor-document-area.rulers-hidden{grid-template-columns:0 minmax(0,1fr);grid-template-rows:0 minmax(0,1fr)}.editor-band-layout.rulers-hidden .editor-band-panel{grid-template-rows:0 minmax(0,1fr)}.editor-band-layout.rulers-hidden .band-panel-heading{display:none}
.editor-reference-layout .editor-zoom button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:4px;flex-shrink:0}.editor-zoom button svg{width:18px;height:18px}
@media(max-width:900px){.editor-reference-layout .editor-band-layout{grid-template-columns:105px minmax(0,1fr) 170px}.editor-band-properties-panel{padding:8px}.editor-reference-layout .editor-zoom{gap:4px}}

.band-panel-heading{position:relative;padding-right:25px}.editor-reference-layout .band-row .band-item{padding-right:25px}
.editor-reference-layout .band-add-button{position:absolute;right:2px;top:2px;width:20px;height:20px;padding:2px;display:inline-flex;align-items:center;justify-content:center;background:#f2faee;color:#16814e;border:1px solid #b4d0ad;border-radius:3px;pointer-events:auto;z-index:4}.band-add-button svg{width:14px;height:14px}.editor-reference-layout .band-caption{padding-right:25px;min-height:23px;box-sizing:border-box}.editor-reference-layout .band-caption .band-add-button{top:1px}
.band-hidden .band-item{background:repeating-linear-gradient(135deg,#e5e8e5,#e5e8e5 6px,#f3f4f3 6px,#f3f4f3 12px);color:#647164}.band-boundary.band-hidden{border-color:#969e96;background:#969e9610}.band-hidden .band-caption{color:#6b746b}.band-properties select{width:100%;font-size:13px}

.budget-dialog{width:min(1050px,96vw)}.budget-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0;border-bottom:1px solid #dbe5df;padding-bottom:12px}.budget-tabs button{background:#f0f5f2;color:#426351;padding:12px 16px;border-radius:10px;font-size:14px}.budget-tabs button.selected{background:#177d50;color:white}.budget-tabs span{margin-left:6px;opacity:.8}.budget-fields{border:0;margin:0;padding:0;min-width:0}.budget-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.budget-item{background:#f8fbf9;border:1px solid #dce8df;border-radius:12px;padding:20px;margin-bottom:16px}.budget-empty{padding:40px 20px;text-align:center;border:1px dashed #b9cec1;border-radius:12px;color:#617669}.budget-required{color:#a33}.budget-dialog .training-relation{position:relative}.budget-dialog .training-picker{z-index:5}.budget-dialog .form-grid label{min-width:0}
.maintenance-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(21,57,38,.35);backdrop-filter:blur(4px)}
.maintenance-dialog{box-sizing:border-box;width:min(100%,490px);max-height:calc(100dvh - 48px);overflow:auto;padding:36px 32px;text-align:center;background:#effbef;border:2px solid #72ad7e;border-radius:24px;box-shadow:0 22px 70px rgba(24,72,41,.2);color:#305c3e}
.maintenance-icon{display:inline-flex;width:64px;height:64px;margin-bottom:16px}.maintenance-icon svg{width:100%;height:100%}
.maintenance-dialog h2{margin:0 0 14px;font-size:23px;line-height:1.3;color:#245d38}.maintenance-dialog p{margin:0 0 26px;font-size:16px;line-height:1.7;color:#4a6d53}.maintenance-dialog .primary{min-height:46px;padding:12px 26px;font-size:16px;border-radius:12px;background:#287a43;color:white}.maintenance-dialog .primary:focus-visible{outline:3px solid #d3a623;outline-offset:4px}.maintenance-dialog .primary:disabled{opacity:.7;cursor:wait}
@media(max-width:520px){.maintenance-overlay{padding:16px}.maintenance-dialog{padding:28px 22px;border-radius:20px}.maintenance-dialog h2{font-size:21px}.maintenance-dialog .primary{width:100%}}
.budget-dialog{display:flex;flex-direction:column;max-height:94dvh}.budget-dialog>form{display:flex;flex-direction:column;min-height:0;overflow:hidden}.budget-dialog>form>.modal-body{flex:1;min-height:0;overflow:auto}.budget-dialog .budget-footer{display:block;flex-shrink:0;background:#edf7ef;border-top:1px solid #bad4c1;padding:16px 24px}.budget-summary{display:flex;align-items:end;gap:20px;max-height:28dvh;overflow:auto}.budget-summary>.form-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.budget-grand-total{display:flex;flex-direction:column;gap:6px;padding:10px 16px;white-space:nowrap;color:#22643e}.budget-grand-total span{font-size:13px}.budget-grand-total strong{font-size:24px}.budget-footer-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.budget-item .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.budget-summary{display:block}.budget-grand-total{padding:12px 0}.budget-dialog .budget-footer{padding:12px 16px}.budget-item{padding:14px}.budget-item .form-grid{gap:12px}}
.modal>form .modal-body{padding:16px 22px}.modal>header{padding:16px 22px}.modal>form label{gap:4px;line-height:1.3}.modal>form .form-grid{gap:10px 14px;align-items:start}.modal>form .field-label{display:flex;flex-direction:row;align-items:baseline;gap:4px;line-height:1.3}.modal>form .field-required{display:inline;color:#a33;flex:0 0 auto}.modal>form :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]){padding:7px 10px}.modal>form textarea{resize:vertical}.modal>form .form-note{padding:8px 10px;margin-bottom:12px}.modal>form small{line-height:1.3}.modal>form .relation-control{gap:4px}
.budget-dialog .budget-tabs{margin:0 0 12px;padding-bottom:8px;gap:6px}.budget-dialog .budget-tabs button{padding:8px 12px}.budget-dialog .budget-item{padding:10px 12px;margin-bottom:10px;min-height:0}.budget-dialog .budget-section-heading{margin-bottom:8px;gap:10px}.budget-dialog .budget-section-heading h3{font-size:15px}.budget-dialog .budget-item-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#21834e;color:#fff;font-size:13px;font-weight:700}.budget-dialog .budget-item .form-grid{gap:8px 12px;align-items:start}.budget-dialog .budget-item textarea{min-height:58px}.budget-dialog .budget-empty{padding:18px 12px}.budget-dialog .budget-footer{padding:10px 20px}.budget-dialog .budget-footer-actions{margin-top:9px}.budget-dialog .budget-grand-total{padding:6px 12px;gap:3px}.budget-dialog .budget-grand-total strong{font-size:22px}@media(max-width:600px){.modal>form .modal-body,.modal>header{padding:14px}.budget-dialog .budget-item{padding:9px}.budget-dialog .budget-footer{padding:10px 14px}}

/* Solid band divisions and independent footer edges. */
.band-boundary,.band-boundary.active,.band-boundary.band-hidden{border-top:0;border-bottom:3px solid #484848}
.band-resize-handle::after,.band-resize-handle:hover::after,.band-resize-handle:focus::after{height:3px;background:#484848}
.band-resize-handle.footer{z-index:5}.band-resize-handle.footer-bottom{top:auto;bottom:-5px;z-index:4}
.editor-anchor-option{display:inline-flex!important;align-items:center;gap:4px;font-size:12px}.editor-anchor-option input{width:auto!important}

/* Shared right-side properties and medium-gray band dividers. */
.editor-properties-sidebar{overflow:auto;min-height:0;background:#eef4ec;border-left:1px solid #bdd0b7}
.editor-properties-sidebar .editor-band-properties-panel{overflow:visible;border:0}
.editor-component-properties{padding:12px;border-top:1px solid #bdd0b7;font-size:12px}
.editor-component-properties>strong{display:block;margin-bottom:12px}.editor-component-properties fieldset{border:0;padding:0;margin:0;min-width:0}.editor-component-properties h4{font-size:12px;margin:14px 0 8px}
.component-property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.component-property-grid label{display:flex;flex-direction:column;gap:4px;min-width:0}.component-property-grid input{width:100%;min-width:0;box-sizing:border-box;padding:6px;font-size:12px}.component-property-grid input[type=color]{height:32px;padding:2px}
.property-check,.component-property-grid .property-check{display:flex;flex-direction:row;align-items:center;gap:6px}.property-check input[type=checkbox]{width:auto;flex-shrink:0}.component-property-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.component-property-actions button{display:flex;align-items:center;gap:4px;font-size:11px;padding:6px}.component-property-actions svg{width:16px;height:16px}.property-note{color:#617067;line-height:1.4}
.band-boundary,.band-boundary.active,.band-boundary.band-hidden{border-bottom:2px solid #858585}
.band-resize-handle::after,.band-resize-handle:hover::after,.band-resize-handle:focus::after{height:2px;background:#858585}

.record-photo-editor{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 auto 24px}.record-photo-frame{width:220px;height:150px;border:2px solid #16814e;border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f5faf7;color:#557263}.record-photo-frame img{width:100%;height:100%;object-fit:contain;padding:10px}.image-select-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #16814e;border-radius:10px;padding:10px 18px;background:#eaf6ee;color:#126b40;font-weight:600;cursor:pointer}.image-select-button svg{width:20px;height:20px}.image-select-button:hover{background:#d8efdf}.image-select-button:disabled{opacity:.6;cursor:wait}

.record-photo-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.employee-photo-editor .record-photo-frame{width:160px;height:180px}.employee-photo-editor .camera-box{width:min(100%,420px)}.employee-photo-editor .camera-box video{width:100%;border:2px solid #16814e;border-radius:14px}

.modal footer.record-form-footer{align-items:flex-end;flex-wrap:wrap}.certificate-model-footer{display:flex;flex-direction:column;gap:6px;margin-right:auto;min-width:0;flex:1 1 0;max-width:100%;text-align:left;font-size:12px}.certificate-model-footer select{width:100%;min-width:0}.record-form-footer>button{flex-shrink:0}@media(max-width:600px){.certificate-model-footer{width:100%;flex-basis:100%}}

.modal.record-dialog>header,.modal.record-dialog>form>footer{background:#edf7ef;border-color:#bad4c1}