:root{--navy:#082b4c;--navy-2:#0e3c64;--teal:#16b8b0;--teal-soft:#e7f8f6;--ink:#142c42;--muted:#718397;--line:#e4ebf1;--surface:#fff;--bg:#f4f7fa;--danger:#b94d5b;--shadow:0 14px 36px rgba(8,43,76,.07);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--navy-2)}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:#fff;border-right:1px solid var(--line);padding:22px 17px 18px;display:flex;flex-direction:column;z-index:20;box-shadow:8px 0 28px rgba(15,48,76,.025)}.brand{display:flex;align-items:center;justify-content:center;min-height:96px;padding:2px 7px 22px;text-decoration:none;border-bottom:1px solid #edf1f5;margin-bottom:22px}.brand-image{display:block;width:min(100%,215px);height:auto;max-height:88px;object-fit:contain}.nav-label{font-size:10px;font-weight:800;letter-spacing:1.45px;color:#9aa9b7;padding:0 13px 9px;margin-top:10px}.sidebar nav{display:grid;gap:5px;margin-bottom:18px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:11px;text-decoration:none;color:#61758a;font-size:13px;font-weight:600;transition:background .18s,color .18s}.nav-link:hover{background:#f3f8fa;color:var(--navy)}.nav-link.active{background:linear-gradient(100deg,#e9f8f7,#f1f8fc);color:var(--navy);box-shadow:inset 3px 0 var(--teal)}.nav-link i{font-style:normal;width:20px;text-align:center;color:#19a9a7;font-size:17px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:16px 5px 0}.sidebar-user{display:flex;align-items:center;gap:10px;margin:0 5px 13px}.avatar-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#e7f6f5;color:var(--navy);font:800 15px Inter,system-ui,sans-serif}.sidebar-user b{display:block;font-size:12px;color:var(--ink);max-width:165px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{display:block;color:#92a1ae;font-size:9px;letter-spacing:1px;margin-top:3px}.sidebar-logout{margin:0 3px}.sidebar-logout button{width:100%;display:flex;align-items:center;gap:10px;border:1px solid #f0dfe2;background:#fff8f8;color:#a74b57;border-radius:10px;padding:10px 12px;font-weight:700;font-size:12px}.sidebar-logout button:hover{background:#fff0f1;border-color:#e9c5ca}.main{margin-left:258px;min-height:100vh}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:18px;position:sticky;top:0;z-index:10}.topbar-user{margin-right:auto;min-width:0}.topbar-brand{display:none;text-decoration:none;flex:0 0 auto}.topbar-brand img{display:block;width:118px;max-height:44px;object-fit:contain}.topbar small{display:block;color:#91a1b0;font-size:9px;letter-spacing:1.45px;font-weight:800}.topbar b{display:block;font:700 14px Inter,system-ui,sans-serif;margin-top:4px;color:var(--navy)}.topbar>button{display:none}.top-actions{display:flex;align-items:center;gap:12px}.top-actions form{margin:0}.local-pill{font-size:11px;color:#287d79;background:#eef9f7;border:1px solid #d9efec;border-radius:30px;padding:8px 12px}.top-link{font-size:12px;color:#6e8090;text-decoration:none;font-weight:600}.top-link:hover{color:var(--navy)}.logout-button{display:inline-flex;align-items:center;gap:7px;border:1px solid #f0d9dc;background:#fff8f8;border-radius:9px;padding:9px 13px;color:#a64a56;font-size:12px;font-weight:700;cursor:pointer}.logout-button:hover{background:#ffeff1}.content{max-width:1420px;margin:0 auto;padding:34px 38px 25px}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.heading small{font-size:10px;letter-spacing:1.5px;color:#93a2b0;font-weight:800}.heading h1{font:800 27px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;letter-spacing:-.8px;margin:8px 0 6px;color:var(--navy)}.heading p,.sub{font-size:12px;color:var(--muted);margin:0;line-height:1.65}.pill{font-size:9px;font-weight:800;letter-spacing:.65px;padding:8px 11px;border-radius:30px;background:#edf3f8;color:#42627e;display:inline-flex;align-items:center;white-space:nowrap}.pill.green{background:#e8f7f0;color:#21816a}.hero{position:relative;overflow:hidden;min-height:245px;border-radius:20px;padding:34px 38px;background:linear-gradient(112deg,#082b4c 0%,#0d426b 64%,#087f83 100%);color:white;display:flex;align-items:center;box-shadow:0 16px 36px rgba(8,43,76,.12)}.hero>div:first-child{position:relative;z-index:2}.hero small{color:#8be3dc;font-size:10px;letter-spacing:1.8px;font-weight:800}.hero h2{font:800 30px/1.2 Inter,system-ui,sans-serif;margin:13px 0;letter-spacing:-1px}.hero h2 em{font-style:normal;color:#85e0d7}.hero p{font-size:12px;color:#d1e1eb;max-width:420px;line-height:1.75;margin-bottom:20px}.hero-doc{position:absolute;right:14%;top:33px;width:132px;height:174px;background:#fff;border-radius:9px;box-shadow:0 16px 42px #071e3350;padding:24px;transform:rotate(-7deg)}.hero-doc div{height:4px;background:#e6edf1;border-radius:5px;margin:11px 0}.hero-doc b{display:block;color:#159f99;font:italic 36px Georgia;margin-top:13px}.hero-doc small{position:absolute;right:10px;bottom:13px;border:1px solid #54b9a5;color:#249d91;border-radius:4px;padding:3px;font-size:7px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:17px 0}.stats article,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stats article{padding:19px 20px}.stats small{display:block;color:#8192a2;font-size:11px}.stats b{display:block;font:800 19px Inter,system-ui,sans-serif;margin:8px 0 4px;color:var(--navy)}.stats em{font-style:normal;color:#9aa8b4;font-size:10px}.columns{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}.panel{padding:23px;margin-bottom:16px}.panel h3{font:800 15px Inter,system-ui,sans-serif;margin:0 0 7px;color:var(--navy)}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.step{display:flex;align-items:center;gap:14px;padding:15px 2px;border-top:1px solid #eef2f5;text-decoration:none;color:var(--ink)}.step>b{width:32px;height:32px;border-radius:10px;background:#eaf7f6;color:#138f8b;display:grid;place-items:center;font-size:11px}.step span{display:grid;gap:4px;flex:1}.step strong{font-size:12px}.step small{font-size:10px;color:#92a0ad}.security{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #eef2f5;font-size:11px;color:#7c8c9a}.security b{font-size:11px;color:#344b5f;text-align:right}.warning{color:#c58a3e!important}.note,.warning-box{background:#f0f8fa;border:1px solid #dcecef;color:#456b7e;border-radius:11px;padding:13px 15px;font-size:11px;line-height:1.7;margin-top:15px}.warning-box{background:#fff8ed;border-color:#f4e5c8;color:#896c3e}.warning-box a{font-weight:700}.form-panel{max-width:1000px}.form-panel h3{margin-bottom:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.form-grid.one{grid-template-columns:1fr}.form-grid label,.sign-options label{display:grid;gap:8px;font-size:11px;font-weight:700;color:#506476}.form-grid input:not([type=checkbox]),.form-grid select,.sign-options input,.document-select select{width:100%;border:1px solid #dfe7ed;border-radius:10px;padding:12px 13px;font:12px Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;outline:none;color:#233b50;background:#fff}.form-grid input:focus,.sign-options input:focus,.document-select select:focus{border-color:#45bdb5;box-shadow:0 0 0 3px #45bdb51c}.full{grid-column:1/-1}.hint{font-size:10px;color:#8595a3;margin:-6px 0 0}.button{border:0;border-radius:10px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font:700 12px Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--navy);color:white;box-shadow:0 5px 12px rgba(8,43,76,.12)}.button.primary:hover{background:#10466d}.button.secondary{background:#f0f5f8;color:#35546d;border:1px solid #e1eaf0}.button.secondary:hover{background:#e7f0f4}.button.light{background:white;color:#14556c}.button.danger{background:#fff1f2;color:#a74b57;border:1px solid #f0d9dc}.button.full{width:100%}.button:disabled{opacity:.48;cursor:not-allowed;transform:none}.certificate h2{font:800 23px Inter,system-ui,sans-serif;margin:15px 0 5px;color:var(--navy)}.details{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.details div{display:grid;gap:6px}.details small{font-size:10px;color:#8c9aa7}.details b{font-size:12px;color:#344a5e}.details code{font-size:10px;overflow-wrap:anywhere;background:#f4f7f9;padding:10px;border-radius:7px;color:#4c6377}.saved{display:flex;align-items:center;gap:15px;margin:15px 0}.saved img{max-width:250px;max-height:90px;object-fit:contain;border:1px solid var(--line);border-radius:8px;padding:8px}.canvas-wrap{position:relative;border:1px solid #dce5eb;border-radius:12px;overflow:hidden;background-color:#fff;background-image:linear-gradient(45deg,#f4f7f8 25%,transparent 25%),linear-gradient(-45deg,#f4f7f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f4f7f8 75%),linear-gradient(-45deg,transparent 75%,#f4f7f8 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;margin-top:17px}.canvas-wrap canvas{display:block;width:100%;height:210px;touch-action:none;cursor:crosshair}.canvas-wrap span{position:absolute;right:12px;bottom:9px;color:#9eacb8;font-size:10px;pointer-events:none}.actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.link-danger{background:none;border:0;padding:12px 0 0;color:#bd5d5d;font-size:11px;cursor:pointer}.check{display:flex!important;align-items:center;gap:8px!important;font-weight:400!important;color:#718394!important}.coming{text-align:center;padding:55px 30px}.coming-icon{width:64px;height:64px;border-radius:18px;background:#eaf3f7;color:#35799a;display:grid;place-items:center;font-size:27px;margin:0 auto 16px}.coming h2{font:800 21px Inter,system-ui,sans-serif;margin:13px 0 8px}.coming p{font-size:11px;color:#8796a4;max-width:470px;line-height:1.8;margin:0 auto 20px}.empty{padding:22px;background:#f8fafb;border:1px dashed #d9e2e8;border-radius:11px;color:#8494a2;font-size:12px;text-align:center}.alert{padding:13px 16px;border-radius:10px;margin-bottom:18px;font-size:12px}.alert.success{background:#eaf8f1;color:#277a5d;border:1px solid #d6f0e4}.alert.error{background:#fff0ef;color:#a64f49;border:1px solid #f6ddda}.alert.warning{background:#fff8ed;color:#896c3e}footer{display:flex;justify-content:space-between;color:#a2adb7;font-size:10px;padding:25px 2px 10px;margin-top:15px}
/* Signature editor */
.signature-panel{max-width:1100px}.signature-saved-preview{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0 22px}.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#eef2f5 25%,transparent 25%),linear-gradient(-45deg,#eef2f5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef2f5 75%),linear-gradient(-45deg,transparent 75%,#eef2f5 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.signature-saved-preview .checkerboard{width:min(100%,520px);min-height:105px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:16px}.signature-saved-preview img{max-width:100%;max-height:95px;object-fit:contain}.signature-methods{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.signature-method{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fcfdfe}.method-kicker{font-size:9px;letter-spacing:1.4px;font-weight:800;color:#12a49e;margin-bottom:8px}.signature-method h3{margin-bottom:5px}.upload-drop{border:1px dashed #a9c9d1;border-radius:12px;padding:18px;background:#f6fbfc}.upload-drop input{padding:8px!important}.upload-preview{height:190px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#98a8b4;font-size:11px;text-align:center;padding:12px}.upload-preview img{max-width:100%;max-height:100%;object-fit:contain}.signature-method .actions{margin-top:13px}
/* PDF signing workflow */
.pdf-signer{padding:18px}.signer-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:3px 2px 17px;border-bottom:1px solid var(--line)}.document-select{display:grid;gap:7px;max-width:620px;flex:1;font-size:11px;font-weight:800;color:#506476}.document-select select{max-width:100%}.page-controls{display:flex;align-items:center;gap:9px;color:#61768a;font-size:11px;font-weight:700}.page-controls .button{min-width:36px;padding:8px}.pdf-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;padding-top:18px}.pdf-preview-column{min-width:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#f5f7f9}.pdf-preview-header{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;border-bottom:1px solid var(--line);padding:12px 14px}.pdf-preview-header b{font-size:12px;color:var(--navy)}.pdf-preview-header span{font-size:10px;color:#8797a5;text-align:right}.pdf-preview-scroll{min-height:490px;max-height:760px;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:22px}.pdf-stage{position:relative;display:none;margin:0 auto;box-shadow:0 5px 20px rgba(20,44,66,.15);background:#fff;line-height:0}.pdf-stage canvas{display:block;max-width:100%;height:auto}.signature-overlay{position:absolute;z-index:3;left:64%;top:74%;width:22%;height:auto;min-width:75px;max-width:45%;border:1px dashed #13a8a2;background:rgba(255,255,255,.08);cursor:move;touch-action:none;line-height:0}.signature-overlay img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;pointer-events:none;user-select:none}.resize-handle{position:absolute;right:-7px;bottom:-7px;width:15px;height:15px;border:2px solid white;border-radius:50%;background:#0ca8a1;box-shadow:0 1px 5px #0003;cursor:nwse-resize}.pdf-placeholder{min-height:490px;display:grid;place-items:center;color:#94a3af;font-size:12px;text-align:center;padding:30px}.pdf-zoom-row{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px;background:white;border-top:1px solid var(--line)}.pdf-zoom-row .button{padding:7px 11px}.pdf-zoom-row span{font-size:10px;color:#718397;min-width:42px;text-align:center}.sign-options{border:1px solid var(--line);border-radius:13px;padding:17px;background:#fff;display:flex;flex-direction:column;gap:15px}.option-step{display:flex;align-items:flex-start;gap:10px;padding-bottom:13px;border-bottom:1px solid #eef2f5}.option-step>span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#e8f7f6;color:#108f8b;font-size:10px;font-weight:800}.option-step b{display:block;font-size:11px;color:var(--navy)}.option-step small{display:block;font-size:10px;line-height:1.5;color:#8998a5;margin-top:4px}.sign-security{background:#f2f8fa;border:1px solid #e2eef2;border-radius:10px;padding:12px}.sign-security b{display:block;color:#176d73;font-size:11px}.sign-security small{display:block;color:#7c8e9b;font-size:9px;line-height:1.6;margin-top:5px}.sign-status{font-size:10px;line-height:1.55;color:#8494a2;min-height:34px}.sign-status.error{color:#a74b57}.sign-status.success{color:#21816a}.status-valid,.status-invalid{display:inline-flex;font-size:10px;font-weight:800;letter-spacing:.3px}.status-valid{color:#208368}.status-invalid{color:#b46a36}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px;min-width:700px}.data-table th{text-align:left;color:#8293a1;font-size:9px;letter-spacing:.8px;text-transform:uppercase;padding:12px 11px;border-bottom:1px solid var(--line)}.data-table td{padding:13px 11px;border-bottom:1px solid #eef2f5;vertical-align:middle}.data-table td b{display:block;color:#243d53;font-size:11px}.data-table td small{display:block;color:#91a0ad;font-size:9px;margin-top:4px}.data-table td code{display:block;color:#80909d;font-size:9px;margin-top:5px}.small-button{padding:8px 11px;font-size:10px;white-space:nowrap}
/* Auth */
.auth-page{min-height:100vh;display:grid;place-items:center;padding:26px;background:radial-gradient(circle at 20% 15%,#e5f6f5 0,#f5f8fa 42%,#edf3f7 100%)}.auth-card{width:min(100%,470px);background:white;border:1px solid #e5ebf0;border-radius:22px;padding:36px;box-shadow:0 24px 65px rgba(8,43,76,.11)}.auth-brand{padding:0 0 25px;margin-bottom:26px;border-bottom:1px solid #edf1f4}.auth-brand .brand-image{width:250px;max-height:100px}.auth-heading{margin-bottom:22px}.auth-heading small{font-size:9px;letter-spacing:1.5px;color:#8297a8;font-weight:800}.auth-heading h1{font:800 25px Inter,system-ui,sans-serif;margin:9px 0 6px;color:var(--navy)}.auth-heading p{font-size:12px;color:#8292a1;line-height:1.6}.auth-foot{border-top:1px solid #edf1f4;margin-top:25px;padding-top:17px;color:#8a9aa8;font-size:10px}.dot{width:7px;height:7px;border-radius:50%;background:#24b8a7;display:inline-block;margin-right:7px}
@media(max-width:1100px){.sidebar{width:230px}.main{margin-left:230px}.content{padding:28px 25px}.topbar{padding:0 25px}.pdf-workspace{grid-template-columns:minmax(0,1fr) 260px}.pdf-preview-scroll{padding:15px}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:transform .22s;width:258px}.sidebar.open{transform:translateX(0);box-shadow:12px 0 35px #082b4c2b}.main{margin-left:0}.topbar{height:68px;padding:0 17px;gap:12px}.topbar-brand{display:flex;align-items:center}.topbar-brand img{width:118px;max-height:44px}.topbar-user{min-width:0;overflow:hidden}.topbar-user b{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar>button{display:block;border:0;background:#eff7f8;color:var(--navy);border-radius:9px;padding:8px 10px;font-size:17px}.content{padding:24px 17px}.pdf-workspace{grid-template-columns:1fr}.sign-options{display:grid;grid-template-columns:1fr 1fr}.sign-options .full{grid-column:1/-1}.signature-methods{grid-template-columns:1fr}.hero-doc{right:5%;opacity:.28}}
@media(max-width:600px){.topbar{padding:0 12px;gap:8px}.topbar-brand img{width:96px;max-height:38px}.topbar-user b{font-size:11px;max-width:92px}.topbar-user small{font-size:8px}.top-actions{gap:7px}.top-actions .local-pill,.top-link{display:none}.logout-button{padding:8px 10px;font-size:10px}.content{padding:20px 12px}.heading{align-items:flex-start;flex-direction:column;gap:10px}.heading h1{font-size:23px}.hero{padding:26px 22px;min-height:250px}.hero h2{font-size:25px}.hero-doc{right:-22px;opacity:.16}.stats{grid-template-columns:1fr}.columns{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.details{grid-template-columns:1fr}.actions{flex-direction:column}.actions .button{width:100%}.signature-saved-preview{align-items:stretch;flex-direction:column}.signature-saved-preview .button{width:100%}.canvas-wrap canvas{height:180px}.signer-toolbar{align-items:stretch;flex-direction:column}.document-select{max-width:none}.page-controls{justify-content:flex-end}.pdf-preview-scroll{padding:10px;min-height:360px}.pdf-placeholder{min-height:360px}.pdf-preview-header{align-items:flex-start;flex-direction:column}.pdf-preview-header span{text-align:left}.sign-options{display:flex}.auth-card{padding:25px 20px}.auth-brand .brand-image{width:220px}footer{flex-direction:column;gap:8px}.data-table{min-width:640px}}


/* v2.1 functional refinements */
.signature-live-card{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(220px,1.3fr);gap:16px;align-items:center;margin-top:13px;padding:14px 16px;border:1px solid #dcecef;border-radius:12px;background:#f5fbfb}
.signature-live-card[hidden]{display:none}
.signature-live-card b{display:block;color:var(--navy);font-size:12px;margin-bottom:5px}
.signature-live-card small{display:block;color:var(--muted);font-size:10px;line-height:1.6}
.signature-live-image{min-height:78px;display:flex;align-items:center;justify-content:center;padding:10px;border:1px dashed #cbdcde;border-radius:9px;background-color:#fff;background-image:linear-gradient(45deg,#f4f7f8 25%,transparent 25%),linear-gradient(-45deg,#f4f7f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f4f7f8 75%),linear-gradient(-45deg,transparent 75%,#f4f7f8 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}
.signature-live-image img{display:block;max-width:100%;max-height:90px;object-fit:contain}
.signature-method .canvas-wrap canvas{user-select:none;-webkit-user-select:none}
.signature-method .canvas-wrap span[hidden]{display:none}
.sign-empty{text-align:center;padding:42px 24px}
.sign-empty h2{font-size:19px;margin:10px 0 7px}
.sign-empty p{max-width:540px;margin:0 auto 18px;color:var(--muted);font-size:12px;line-height:1.7}
.sign-status{overflow-wrap:anywhere}
@media(max-width:760px){.signature-live-card{grid-template-columns:1fr}.signer-toolbar{align-items:stretch;flex-direction:column}.pdf-workspace{grid-template-columns:1fr}.pdf-preview-scroll{min-height:360px;padding:12px}.pdf-preview-header{align-items:flex-start;flex-direction:column}.pdf-preview-header span{text-align:left}.pdf-zoom-row{flex-wrap:wrap}}

/* BAYELLA Office Productivity Platform */
.sidebar{overflow-y:auto;scrollbar-width:thin}.sidebar nav{gap:3px;margin-bottom:12px}.sidebar .nav-label{margin-top:12px;padding-bottom:7px}.office-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:230px;padding:30px 36px;margin-bottom:18px;border-radius:20px;background:linear-gradient(112deg,#082b4c 0%,#0d426b 62%,#087f83 100%);color:#fff;box-shadow:0 16px 36px rgba(8,43,76,.12)}.office-hero>div:first-child{position:relative;z-index:2}.office-hero small{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#8be3dc}.office-hero h2{font:800 29px/1.18 Inter,system-ui,sans-serif;letter-spacing:-.8px;margin:12px 0}.office-hero h2 em{font-style:normal;color:#85e0d7}.office-hero p{max-width:530px;font-size:12px;line-height:1.7;color:#d1e1eb;margin:0 0 18px}.office-hero-mark{width:135px;height:135px;border:1px solid #ffffff42;border-radius:32px;display:grid;place-content:center;text-align:center;transform:rotate(7deg);background:#ffffff12;box-shadow:0 12px 35px #001a2b25}.office-hero-mark b{font:800 68px Georgia;color:#fff}.office-hero-mark span{font-size:9px;letter-spacing:3px;color:#8be3dc}.office-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.office-stats article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 17px;box-shadow:var(--shadow)}.office-stats small{display:block;color:#8192a2;font-size:10px}.office-stats b{display:block;color:var(--navy);font:800 22px Inter,system-ui,sans-serif;margin:7px 0 3px}.office-stats em{font-style:normal;color:#9aa8b4;font-size:9px}.office-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:18px 0}.office-module-card{min-width:0;display:flex;align-items:center;gap:12px;padding:15px 14px;border:1px solid var(--line);border-radius:13px;background:#fff;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .16s,border-color .16s}.office-module-card:hover{transform:translateY(-2px);border-color:#b7d9dd}.office-module-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;background:#eaf7f6;color:#108f8b;font-size:21px}.office-module-card>span:nth-child(2){display:grid;gap:4px;min-width:0;flex:1}.office-module-card b{font-size:12px;color:var(--navy)}.office-module-card small{font-size:9px;line-height:1.45;color:#8a9aa8}.office-module-card>i{font-style:normal;color:#8fa2ae}.office-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:12px}.office-list{display:grid}.office-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #eef2f5}.office-list-row>div{min-width:0;display:grid;gap:5px}.office-list-row b{font-size:11px;color:#29445a}.office-list-row small{font-size:9px;color:#91a0ad}.office-status{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:30px;padding:5px 8px;font-size:9px;font-weight:800;background:#eef3f6;color:#607789}.office-status.success{background:#e9f7f0;color:#238066}.office-status.warning{background:#fff5e6;color:#a9772d}.office-status.danger{background:#fff0ef;color:#a74f49}.office-status.neutral{background:#eef3f6;color:#607789}.office-notice ol{padding-left:22px;line-height:2}.office-notice code{background:#f1f5f7;padding:3px 6px;border-radius:5px}.office-clock-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#f5fbfb,#fff)}.office-clock-time{font:800 38px Inter,system-ui,sans-serif;color:var(--navy);letter-spacing:-1px;margin-top:10px}.office-clock-panel small{color:#8a9aa8;font-size:10px}.office-clock-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.office-clock-actions form{margin:0}.office-clock-done{padding:10px 12px;border-radius:10px;background:#edf8f4;color:#287c64;font-size:11px}.office-inline-form{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.office-inline-form input,.office-inline-form select,.office-test-form input,.office-test-form select{max-width:150px;min-width:100px;border:1px solid #dfe7ed;border-radius:8px;padding:8px 9px;font-size:10px;background:#fff;color:#314b60}.office-inline-form input{max-width:180px}.office-decision-form{margin-top:7px}.office-progress{width:75px;height:6px;background:#edf2f5;border-radius:10px;overflow:hidden;margin-bottom:5px}.office-progress span{display:block;height:100%;background:#19aaa1;border-radius:10px}.office-meeting-list{display:grid;gap:0}.office-meeting-list article{display:flex;gap:15px;padding:15px 0;border-top:1px solid #eef2f5}.office-meeting-date{width:55px;height:58px;flex:0 0 55px;display:grid;align-content:center;justify-items:center;border-radius:11px;background:#eef8f7;color:#137f7a}.office-meeting-date b{font:800 22px Inter,system-ui,sans-serif}.office-meeting-date small{font-size:9px}.office-meeting-body{min-width:0;display:grid;gap:5px}.office-meeting-body>b{font-size:12px;color:var(--navy)}.office-meeting-body small{font-size:9px;color:#8a9aa8}.office-meeting-body p{margin:2px 0;font-size:10px;color:#61778a;line-height:1.5}.office-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:22px}.office-filter label{display:grid;gap:6px;font-size:10px;color:#61778a;font-weight:700}.office-filter input{border:1px solid #dfe7ed;border-radius:9px;padding:10px 12px}.office-dept-bars{display:grid;gap:13px}.office-dept-bars>div{display:grid;grid-template-columns:minmax(130px,1fr) 30px minmax(100px,2fr);gap:10px;align-items:center;font-size:10px;color:#607789}.office-dept-bars b{text-align:right;color:var(--navy)}.office-dept-bars i{height:7px;border-radius:10px;background:#edf2f5;overflow:hidden}.office-dept-bars i em{display:block;height:100%;border-radius:10px;background:#1aa69e}.office-test-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.office-test-summary article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 15px}.office-test-summary b{display:block;font:800 22px Inter,system-ui,sans-serif;color:var(--navy)}.office-test-summary small{display:block;color:#8a9aa8;font-size:10px;margin-top:4px}.office-test-form{display:grid;gap:5px;min-width:150px}.office-test-form input,.office-test-form select{max-width:none;width:100%}.form-grid textarea{width:100%;border:1px solid #dfe7ed;border-radius:10px;padding:12px 13px;font:12px/1.5 Inter,system-ui,sans-serif;outline:none;color:#233b50;background:#fff;resize:vertical}.form-grid textarea:focus{border-color:#45bdb5;box-shadow:0 0 0 3px #45bdb51c}.office-notice{max-width:850px}.office-notice p,.office-notice li{font-size:12px;line-height:1.7;color:#61778a}.office-notice h3{margin-bottom:10px}
@media(max-width:1100px){.office-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.office-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.sidebar{overflow-y:auto}.office-columns{grid-template-columns:1fr}.office-hero{padding:25px}.office-hero-mark{width:105px;height:105px}.office-hero-mark b{font-size:52px}}
@media(max-width:600px){.office-hero{min-height:0;padding:24px 20px}.office-hero h2{font-size:24px}.office-hero-mark{display:none}.office-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.office-stats article{padding:12px}.office-stats b{font-size:19px}.office-module-grid{grid-template-columns:1fr}.office-clock-panel{align-items:flex-start;flex-direction:column}.office-clock-time{font-size:32px}.office-test-summary{grid-template-columns:repeat(2,1fr)}.office-filter{align-items:stretch;flex-direction:column}.office-filter label,.office-filter input,.office-filter .button{width:100%}.office-inline-form{align-items:stretch}.office-inline-form input,.office-inline-form select{max-width:none;flex:1}.office-dept-bars>div{grid-template-columns:minmax(100px,1fr) 24px minmax(70px,1fr)}}