:root{color:#14213d;background:#f4f7fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(155deg,#f9fbff,#f3f6fc 48%,#edf2fa)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(68,100,240,.28);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{width:min(1480px,calc(100% - 40px));margin:0 auto;padding:28px 0 44px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:28px}.brand,.top-actions,.workbench-actions,.row-actions,.viewer-actions{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:14px;color:#fff;background:linear-gradient(140deg,#4c6cff,#253bb6);box-shadow:0 10px 20px #3859e845;font-size:13px;font-weight:850;letter-spacing:.09em}.brand-copy{display:grid;gap:1px}.brand-copy strong{font-size:15px;letter-spacing:-.015em}.brand-copy small{color:#697386;font-size:12px}.user-chip{display:flex;align-items:center;gap:7px;max-width:280px;color:#506078;font-size:12px;font-weight:700}.user-chip>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#3b52bd;background:#e9edff;font-size:10px}.icon-button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid #dce4ef;border-radius:11px;color:#24334c;background:#fff;font-weight:750;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.icon-button{width:40px;padding:0}.button{padding:0 13px;font-size:12px}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){transform:translateY(-2px);border-color:#b7c4e8;box-shadow:0 7px 16px #2638661c}.button-primary{border-color:#3859e8;color:#fff;background:linear-gradient(135deg,#4b69f5,#3150dc);box-shadow:0 9px 18px #3859e833}.button-primary:hover:not(:disabled){border-color:#3150dc;background:linear-gradient(135deg,#5572ff,#2946cf)}.button-secondary{background:#fff}.button-danger{border-color:#e6a5b0;color:#aa3349;background:#fff3f5}.button-danger:hover:not(:disabled){border-color:#da7284;background:#ffecef}.button-wide{width:100%}.hero{position:relative;display:flex;justify-content:space-between;gap:28px;overflow:hidden;padding:27px 29px;border:1px solid #dce4f6;border-radius:18px;background:linear-gradient(115deg,#fff,#fbfcff 55%,#eef3ff);box-shadow:0 18px 45px #1f30541a}.hero:after{position:absolute;top:-92px;right:-55px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#5977ff2b,#5977ff00 68%);content:"";pointer-events:none}.eyebrow{margin:0 0 8px;color:#3859e8;font-size:10px;font-weight:850;letter-spacing:.105em;text-transform:uppercase}.hero h1{max-width:690px;margin:0;font-size:clamp(25px,3vw,34px);line-height:1.1;letter-spacing:-.045em}.hero>div:first-child>p:last-child{max-width:620px;margin:10px 0 0;color:#697386;font-size:14px}.hero-meta{z-index:1;display:flex;flex:0 0 235px;align-items:flex-end;flex-direction:column;justify-content:center;color:#697386;font-size:12px;text-align:right}.hero-meta strong{margin-top:6px;color:#293850;font-size:13px}.live-dot{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#1fbd80;box-shadow:0 0 #1fbd8073;animation:pulse 2s infinite}.notice{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;border:1px solid #f0d69e;border-radius:12px;color:#704d0a;background:#fff9ea}.notice>span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;color:#fff;background:#d18a0e;font-weight:800}.notice div{flex:1}.notice strong{font-size:13px}.notice p{margin:2px 0 0;font-size:12px}.notice button{border:0;color:inherit;background:transparent;font-size:20px;line-height:1}.access-blocked{display:flex;align-items:flex-start;gap:16px;margin-top:20px;padding:26px;border:1px solid #dbe3ff;border-radius:20px;color:#213559;background:linear-gradient(135deg,#fff,#f3f6ff);box-shadow:0 16px 36px #2f53b717}.access-blocked-icon{display:grid;flex:0 0 auto;width:46px;height:46px;place-items:center;border-radius:15px;color:#3056dc;background:#e8edff}.access-blocked>div{flex:1}.access-blocked .eyebrow{margin:1px 0 4px}.access-blocked h2{margin:0;color:#162950;font-size:19px;letter-spacing:-.03em}.access-blocked p:not(.eyebrow){margin:7px 0 4px;color:#4b6085;font-size:13px}.access-blocked small{display:block;color:#7483a0;font-size:12px;line-height:1.55}.access-blocked .button{flex:0 0 auto}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}.metric{position:relative;overflow:hidden;min-height:132px;padding:18px 19px 16px;border:1px solid #e8edf4;border-radius:16px;background:#fff;box-shadow:0 7px 22px #2031550e}.metric:after{position:absolute;top:-38px;right:-38px;width:90px;height:90px;border-radius:50%;content:""}.metric-blue:after{background:#e8edff}.metric-amber:after{background:#fff3d9}.metric-green:after{background:#e1f8ee}.metric-violet:after{background:#f0eaff}.metric-icon{position:relative;z-index:1;display:inline-grid;place-items:center;width:26px;height:26px;margin-right:7px;border-radius:8px;vertical-align:middle}.metric-blue .metric-icon{color:#3859e8;background:#e8edff}.metric-amber .metric-icon{color:#b16c00;background:#fff3d9}.metric-green .metric-icon{color:#168461;background:#e1f8ee}.metric-violet .metric-icon{color:#7244bb;background:#f0eaff}.metric-label{position:relative;z-index:1;color:#697386;font-size:12px;font-weight:750;vertical-align:middle}.metric strong{position:relative;z-index:1;display:block;margin:15px 0 3px;color:#14213d;font-size:25px;letter-spacing:-.05em}.metric small{position:relative;z-index:1;color:#8792a4;font-size:11px}.workbench{margin-top:20px;overflow:hidden;border:1px solid #e5eaf2;border-radius:18px;background:#fff;box-shadow:0 18px 45px #1f30541a}.workbench-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 23px 17px}.workbench-header h2{margin:0;font-size:17px;letter-spacing:-.03em}.workbench-header p{margin:4px 0 0;color:#697386;font-size:12px}.filters{display:grid;grid-template-columns:minmax(250px,1fr) 180px 180px auto;gap:10px;padding:0 23px 18px;border-bottom:1px solid #e8edf4}.search-field,.select-field{position:relative;display:block}.search-field svg{position:absolute;top:50%;left:13px;color:#8490a5;transform:translateY(-50%);pointer-events:none}.search-field input,.select-field select,.auth-form input,.modal-field textarea{width:100%;border:1px solid #dce3ef;border-radius:11px;outline:0;color:#23324c;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.search-field input,.select-field select{height:42px}.search-field input{padding:0 12px 0 39px}.select-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 33px 0 12px;background-image:linear-gradient(45deg,transparent 50%,#6f7c91 50%),linear-gradient(135deg,#6f7c91 50%,transparent 50%);background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-size:5px 5px;background-repeat:no-repeat}.search-field input:focus,.select-field select:focus,.auth-form input:focus,.modal-field textarea:focus{border-color:#91a4ff;box-shadow:0 0 0 4px #4867f61f;background:#fcfdff}.clear-filter{align-self:center;display:inline-flex;align-items:center;gap:5px;border:0;padding:6px 0;color:#3859e8;background:transparent;font-size:12px;font-weight:800;white-space:nowrap}.table-meta{display:flex;justify-content:space-between;gap:10px;padding:13px 23px;color:#728097;font-size:12px}.table-meta strong{color:#293850}.table-wrap{overflow:auto}table{width:100%;min-width:1010px;border-collapse:collapse}th{padding:12px 15px;color:#778399;background:#fafbfe;font-size:10px;font-weight:850;letter-spacing:.07em;text-align:left;text-transform:uppercase;white-space:nowrap}th:first-child,td:first-child{padding-left:23px}th:last-child,td:last-child{padding-right:23px}td{padding:15px;border-top:1px solid #edf0f5;color:#3a4962;vertical-align:middle}tbody tr:not(:has(.table-message)):hover{background:#fafcff}td small{display:block;max-width:190px;overflow:hidden;margin-top:2px;color:#8792a4;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.request-button{display:grid;gap:2px;border:0;padding:0;color:#2b45b5;background:transparent;font-size:12px;text-align:left}.request-button strong{font-weight:800}.request-button span{color:#8792a4;font-size:11px}.request-button:hover strong{color:#5972f6}.person-cell{display:flex;align-items:center;gap:9px;min-width:180px}.person-cell>span:last-child{display:grid}.person-cell strong,.cell-main{color:#293850;font-size:12px}.avatar{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:10px;color:#3b52bd;background:#e9edff;font-size:10px;font-weight:850}.avatar-large{width:39px;height:39px;border-radius:12px;font-size:12px}.amount{color:#182b53;font-size:12px;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:6px;min-height:26px;border:1px solid;border-radius:999px;padding:0 9px;font-size:11px;font-weight:800;white-space:nowrap}.status-badge:before{width:6px;height:6px;border-radius:50%;background:currentColor;content:""}.status-badge.blue{border-color:#cbd4ff;color:#3c59d4;background:#f1f3ff}.status-badge.amber{border-color:#efd59e;color:#a96c0b;background:#fff8e7}.status-badge.green{border-color:#a8ddc9;color:#16845d;background:#effbf6}.status-badge.red{border-color:#f0c3cb;color:#b23b50;background:#fff3f5}.row-actions{justify-content:flex-end}.row-action{display:grid;place-items:center;width:32px;height:32px;border:1px solid #dde4f0;border-radius:9px;color:#64728a;background:#fff}.row-action:hover{border-color:#aebcf6;color:#3859e8;box-shadow:0 5px 12px #3953a021}.row-action.approve:hover{border-color:#9cdec5;color:#16845d}.row-action.reject:hover{border-color:#f0b7c1;color:#b2384e}.table-message{height:180px;color:#697386;text-align:center}.table-message .spinner{margin-right:8px;vertical-align:middle}.table-message strong,.table-message span{display:block}.table-message strong{color:#293850}.table-message span{margin-top:5px;font-size:12px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 23px;border-top:1px solid #e8edf4;color:#697386;font-size:12px}.pagination>div{display:flex;gap:8px}.drawer-layer,.modal-layer{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;background:#0f1b3457}.drawer-layer{display:flex;justify-content:flex-end;animation:overlay-in .18s ease-out both}.drawer{width:min(465px,100%);height:100%;overflow:auto;border-left:1px solid #e4e9f2;background:#fff;box-shadow:-16px 0 46px #16233d29;transform-origin:right center;will-change:transform,opacity;animation:drawer-in .26s cubic-bezier(.16,1,.3,1) both}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px;border-bottom:1px solid #e8edf4}.drawer-header h2{margin:2px 0 0;font-size:20px;letter-spacing:-.04em}.drawer-content{padding:0 22px 22px}.drawer-content>*{animation:content-rise .36s cubic-bezier(.16,1,.3,1) both}.drawer-content>*:nth-child(1){animation-delay:70ms}.drawer-content>*:nth-child(2){animation-delay:105ms}.drawer-content>*:nth-child(3){animation-delay:.14s}.drawer-content>*:nth-child(4){animation-delay:175ms}.drawer-content>*:nth-child(5){animation-delay:.21s}.drawer-person{display:flex;align-items:center;gap:10px;padding:20px 0}.drawer-person>span:last-child{display:grid;gap:2px}.drawer-person strong{color:#293850;font-size:13px}.drawer-person small{color:#8792a4;font-size:11px}.drawer-section{padding:20px 0;border-top:1px solid #e8edf4}.drawer-section h3{margin:0 0 12px;color:#718099;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-box{min-height:67px;padding:11px;border:1px solid #e8edf5;border-radius:11px;background:#fbfcfe}.detail-box span{display:block;color:#8490a4;font-size:9px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.detail-box strong{display:block;margin-top:5px;color:#34425a;font-size:12px;line-height:1.3}.description{margin:0;color:#536177;font-size:13px;line-height:1.55;white-space:pre-wrap}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:18px}.drawer-actions .button{width:100%}.drawer-loading{display:grid;place-items:center;height:210px;color:#697386}.drawer-loading .spinner{margin-bottom:9px}.document-list{display:grid;gap:9px}.document-card{display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid #cce8c4;border-radius:12px;background:linear-gradient(135deg,#f5fff2,#e5f8dd)}.document-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#21a05a,#128546)}.document-icon.is-pdf{background:linear-gradient(135deg,#ef5d66,#c83a48)}.document-copy{min-width:0}.document-copy strong{display:block;overflow:hidden;color:#254033;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.document-copy small{display:block;margin-top:2px;color:#67806d;font-size:10px}.document-copy .document-unavailable{color:#9a671c}.document-open{display:inline-flex;align-items:center;gap:5px;min-height:30px;border:1px solid #b7dbaf;border-radius:8px;padding:0 8px;color:#176d3b;background:#ffffffbf;font-size:10px;font-weight:800}.document-open:hover{background:#fff}.document-open:disabled{cursor:not-allowed;border-color:#d7dde7;color:#8994a6;background:#f6f8fb}.decision-history{padding:12px;border:1px solid;border-radius:11px;font-size:12px}.decision-history strong,.decision-history span{display:block}.decision-history span{margin-top:3px;color:#718099;font-size:11px}.decision-history p{margin:8px 0 0;color:#536177}.decision-history.green{border-color:#a8ddc9;background:#effbf6}.decision-history.red{border-color:#f0c3cb;background:#fff3f5}.modal-layer{z-index:50;display:grid;place-items:center;padding:20px}.decision-modal{position:relative;width:min(450px,100%);padding:25px;border:1px solid #e2e8f1;border-radius:18px;background:#fff;box-shadow:0 22px 60px #121f3b3d}.modal-close{position:absolute;top:17px;right:17px}.decision-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:13px}.decision-symbol.is-approve{color:#13845a;background:#e8faf3}.decision-symbol.is-reject{color:#c23d55;background:#fff0f3}.decision-modal h2{margin:15px 0 7px;font-size:20px;letter-spacing:-.04em}.decision-modal>p{margin:0;color:#697386;font-size:13px;line-height:1.5}.modal-field{display:grid;gap:7px;margin-top:19px;color:#536177;font-size:12px;font-weight:750}.modal-field textarea{min-height:92px;padding:10px 11px;resize:vertical}.modal-field>span{color:#c23d55}.modal-field small{color:#718098;font-size:11px;font-weight:500;line-height:1.4}.modal-field textarea:invalid:not(:placeholder-shown){border-color:#dc6479;box-shadow:0 0 0 3px #dc64791a}.drawer-rejection-reason{border-color:#f1c4cb;background:#fff8f9}.drawer-rejection-reason h3{color:#ad3c50}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.viewer{position:fixed;z-index:70;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr;color:#edf4ff;background:radial-gradient(circle at 50% 14%,rgba(58,105,174,.24),transparent 43%),linear-gradient(135deg,#071227f7,#0e2243f7);animation:viewer-in .22s ease-out both}.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:68px;padding:12px clamp(16px,3vw,38px);border-bottom:1px solid rgba(190,215,248,.2);background:linear-gradient(108deg,#0c2856,#143b78 56%,#1b4b89);box-shadow:0 8px 28px #010a1b3d;animation:viewer-header-in .33s cubic-bezier(.16,1,.3,1) both}.viewer-title{min-width:0}.viewer-title strong{display:block;overflow:hidden;color:#fff;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.viewer-title span{display:block;margin-top:2px;color:#c6d8f5;font-size:11px}.viewer-button{display:inline-flex;align-items:center;gap:6px;min-height:34px;border:1px solid rgba(215,230,250,.7);border-radius:9px;padding:0 11px;color:#12386f;background:#f7fbff;font-size:11px;font-weight:800}.viewer-complete-button{border-color:#82d8b6;color:#076c4d;background:#effcf6}.viewer-close{display:grid;place-items:center;width:35px;height:35px;border:0;border-radius:9px;color:#fff;background:#d3e4fc29}.viewer-body{display:grid;place-items:center;overflow:auto;padding:22px;scrollbar-color:rgba(174,203,242,.55) transparent;scrollbar-width:thin}.document-frame{width:min(100%,1000px);height:calc(100dvh - 112px);border:0;border-radius:5px;background:#fff;box-shadow:0 22px 60px #0000005c;transform-origin:center top;animation:document-preview-in .42s 80ms cubic-bezier(.16,1,.3,1) both}.document-image{display:block;max-width:min(100%,1000px);max-height:calc(100dvh - 112px);border-radius:7px;box-shadow:0 22px 60px #0000005c;transform-origin:center top;animation:document-preview-in .42s 80ms cubic-bezier(.16,1,.3,1) both}.viewer-empty{display:grid;justify-items:center;gap:10px;width:min(430px,100%);padding:30px;border:1px solid rgba(213,222,255,.26);border-radius:17px;color:#dbe3ff;background:#ffffff1a;text-align:center}.viewer-empty strong{color:#fff;font-size:15px}.viewer-empty span{color:#c8d4ff;font-size:12px}@keyframes overlay-in{0%{background:#0f1b3400}}@keyframes drawer-in{0%{opacity:0;transform:translate(44px)}}@keyframes content-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes viewer-in{0%{opacity:0}}@keyframes viewer-header-in{0%{opacity:0;transform:translateY(-16px)}}@keyframes document-preview-in{0%{opacity:0;transform:translateY(18px) scale(.985)}}@media(prefers-reduced-motion:reduce){.drawer-layer,.drawer,.drawer-content>*,.viewer,.viewer-header,.document-frame,.document-image{animation:none}}.auth-page,.configuration-page,.loading-page{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-card,.configuration-card{width:min(445px,100%);padding:34px;border:1px solid #e0e7f3;border-radius:20px;background:#fff;box-shadow:0 22px 60px #1d305521}.auth-card .brand-mark,.configuration-card .brand-mark{margin-bottom:25px}.auth-card h1,.configuration-card h1{margin:0;color:#14213d;font-size:27px;line-height:1.12;letter-spacing:-.045em}.auth-copy,.configuration-card>p{color:#66748a;font-size:14px;line-height:1.55}.auth-form{display:grid;gap:15px;margin-top:24px}.auth-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:21px;padding:4px;border-radius:12px;background:#edf1f8}.auth-mode button{min-height:36px;border:0;border-radius:8px;color:#67758b;background:transparent;font-size:12px;font-weight:800}.auth-mode button.is-active{color:#2946cf;background:#fff;box-shadow:0 2px 7px #26386621}.auth-form label{display:grid;gap:7px;color:#44536b;font-size:12px;font-weight:750}.auth-form input{height:43px;padding:0 12px}.form-error{margin:-3px 0 0;color:#bb364d;font-size:12px}.form-notice{margin:-3px 0 0;color:#16704f;font-size:12px;line-height:1.45}.code-expiry{margin:-7px 0 0;color:#52647f;font-size:12px;font-weight:700;text-align:center}.code-expiry.is-expired{color:#bb364d}.auth-resend-button{justify-self:center;padding:2px 6px;border:0;color:#2946cf;background:transparent;font:inherit;font-size:12px;font-weight:750;text-decoration:underline;cursor:pointer}.auth-resend-button:disabled{color:#8994a7;cursor:not-allowed}.configuration-card ul{padding-left:22px;color:#304566}.configuration-card li{margin:6px 0}.configuration-card code{padding:2px 5px;border-radius:5px;color:#253bb6;background:#eef1ff;font-family:Cascadia Code,Consolas,monospace;font-size:.9em}.configuration-note{margin-top:20px;padding-top:17px;border-top:1px solid #e8edf4;font-size:12px!important}.loading-page{color:#66748a;font-size:14px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid #d1d9ea;border-top-color:#3859e8;border-radius:50%;animation:spin .75s linear infinite}.spinner-large{width:25px;height:25px;margin-right:10px;border-width:3px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{70%{box-shadow:0 0 0 7px #1fbd8000}to{box-shadow:0 0 #1fbd8000}}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:minmax(220px,1fr) 170px 170px}.clear-filter{grid-column:1 / -1;justify-self:start}.hero-meta{flex-basis:190px}}@media(max-width:670px){.app-shell{width:min(100% - 24px,1480px);padding-top:14px}.topbar{margin-bottom:16px}.brand-copy{display:none}.user-chip{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{display:block;padding:23px 20px}.hero-meta{display:block;margin-top:17px;text-align:left}.hero-meta strong{display:block}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{min-height:119px;padding:14px}.metric strong{margin-top:12px;font-size:21px}.metric-label{display:inline;font-size:10px}.workbench-header{align-items:flex-start;flex-direction:column;padding:18px}.workbench-actions{width:100%}.workbench-actions .button{flex:1}.filters{grid-template-columns:1fr;padding:0 18px 15px}.clear-filter{grid-column:auto}.table-meta{padding:12px 18px}.table-meta span:last-child{display:none}.pagination{padding:13px 18px}.drawer-content{padding-right:17px;padding-left:17px}.drawer-header{padding:18px}.document-card{grid-template-columns:37px minmax(0,1fr)}.document-open{grid-column:1 / -1}.viewer-header{align-items:flex-start}.viewer-actions{flex:0 0 auto}.viewer-button{padding:0 8px}.viewer-body{padding:12px}.document-frame{height:calc(100dvh - 92px)}.decision-modal{padding:22px}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}}body{background:radial-gradient(circle at 9% 2%,rgba(105,126,255,.11),transparent 25rem),radial-gradient(circle at 92% 20%,rgba(71,206,164,.1),transparent 26rem),linear-gradient(155deg,#fbfcff,#f3f6fc 52%,#edf2fb)}.topbar{padding:10px 12px;border:1px solid rgba(219,227,242,.78);border-radius:19px;background:#ffffffb8;box-shadow:0 10px 28px #2438670e}.hero{border-color:#cfd9faeb;box-shadow:0 22px 54px #24397018}.metrics{gap:14px}.metric{min-height:137px;border-color:#e0e6f1f0;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;animation:board-rise .42s cubic-bezier(.16,1,.3,1) both}.metric:nth-child(2){animation-delay:45ms}.metric:nth-child(3){animation-delay:90ms}.metric:nth-child(4){animation-delay:135ms}.metric:hover{transform:translateY(-4px);border-color:#cfd9f8;box-shadow:0 14px 28px #273b6b1a}.workbench{overflow:visible;border:1px solid rgba(219,226,239,.95);border-radius:22px;background:#ffffffde;box-shadow:0 22px 52px #2235601a}.workbench-header{padding:25px 26px 19px}.workbench-header h2{font-size:19px}.filters{grid-template-columns:minmax(260px,1fr) minmax(520px,auto) auto;align-items:center;padding-bottom:17px}.lane-filter{display:flex;align-items:center;min-width:0;gap:10px}.lane-filter-label{flex:0 0 auto;color:#687891;font-size:11px;font-weight:850}.lane-filter-options{display:flex;min-width:0;gap:5px;overflow-x:auto;padding:3px;border:1px solid #e1e7f1;border-radius:12px;background:#f6f8fc;scrollbar-width:thin}.lane-filter-options button{min-height:34px;border:1px solid transparent;border-radius:8px;padding:0 9px;color:#67768e;background:transparent;font-size:10px;font-weight:800;white-space:nowrap;transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.lane-filter-options button:hover{color:#344966;background:#ffffffb3}.lane-filter-options button.is-active{border-color:#d1dafd;color:#3957d7;background:#fff;box-shadow:0 3px 9px #293e7417}.lane-filter-options button.is-active.amber{border-color:#edd6a3;color:#a66b0f}.lane-filter-options button.is-active.green{border-color:#b5dfce;color:#167c59}.lane-filter-options button.is-active.red{border-color:#edc3cb;color:#b14458}.kanban-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 26px;border-top:1px solid #edf0f6;color:#738198;font-size:12px}.kanban-meta strong{color:#263956}.kanban-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:0 16px 17px}.kanban-column{min-width:0;min-height:335px;border:1px solid #e5eaf3;border-radius:17px;background:#f7f9fd;animation:column-in .44s cubic-bezier(.16,1,.3,1) both}.kanban-column:nth-child(2){animation-delay:50ms}.kanban-column:nth-child(3){animation-delay:.1s}.kanban-column:nth-child(4){animation-delay:.15s}.kanban-column.kanban-blue{background:linear-gradient(180deg,#f3f5ff 0,#f8faff 150px)}.kanban-column.kanban-amber{background:linear-gradient(180deg,#fff9eb 0,#fffdfa 150px)}.kanban-column.kanban-green{background:linear-gradient(180deg,#effbf6 0,#fbfefd 150px)}.kanban-column.kanban-red{background:linear-gradient(180deg,#fff4f6 0,#fffafb 150px)}.kanban-column-header{display:flex;align-items:center;gap:9px;padding:15px 14px 12px}.kanban-status-dot{flex:0 0 auto;width:9px;height:9px;border-radius:999px;background:#6280e9;box-shadow:0 0 0 5px #6280e91f}.kanban-amber .kanban-status-dot{background:#c88712;box-shadow:0 0 0 5px #c887121f}.kanban-green .kanban-status-dot{background:#1b9b70;box-shadow:0 0 0 5px #1b9b701f}.kanban-red .kanban-status-dot{background:#c54a60;box-shadow:0 0 0 5px #c54a601f}.kanban-column-title{display:grid;min-width:0;gap:2px}.kanban-column-title strong{overflow:hidden;color:#2b3b58;font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.kanban-column-title small{color:#7d8ba1;font-size:11px}.kanban-count{display:grid;place-items:center;min-width:26px;height:26px;margin-left:auto;border-radius:9px;color:#51617b;background:#ffffffbf;font-size:11px;font-weight:850}.kanban-cards{display:grid;align-content:start;grid-auto-rows:max-content;gap:10px;height:clamp(340px,calc(100dvh - 400px),650px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:0 10px 11px;scrollbar-color:#c7d1e7 transparent;scrollbar-width:thin}.kanban-cards::-webkit-scrollbar{width:7px}.kanban-cards::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#c7d1e7;background-clip:padding-box}.kanban-lane-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 11px 11px;color:#78879d;font-size:10px}.kanban-lane-pagination>div{display:flex;gap:5px}.kanban-lane-pagination button{display:grid;place-items:center;width:26px;height:26px;border:1px solid #dce4f0;border-radius:8px;color:#52637e;background:#fff;font-size:18px;line-height:1;transition:color .16s ease,border-color .16s ease,box-shadow .16s ease}.kanban-lane-pagination button:hover:not(:disabled){border-color:#b8c6ee;color:#3959dc;box-shadow:0 4px 10px #283e761c}.kanban-card{position:relative;min-height:178px;overflow:hidden;border:1px solid #e1e7f0;border-radius:14px;background:#fff;box-shadow:0 5px 15px #2336600e;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;animation:card-in .38s cubic-bezier(.16,1,.3,1) both}.kanban-card:nth-child(2){animation-delay:40ms}.kanban-card:nth-child(3){animation-delay:80ms}.kanban-card:nth-child(4){animation-delay:.12s}.kanban-card:nth-child(5){animation-delay:.16s}.kanban-card:hover{transform:translateY(-3px);border-color:#c7d1f3;box-shadow:0 14px 25px #24396c1d}.kanban-card.status-amber:hover{border-color:#ebcf9c}.kanban-card.status-green:hover{border-color:#adddc9}.kanban-card.status-red:hover{border-color:#edbdc6}.kanban-card.is-flagged{border-color:#e6c35d;background:linear-gradient(135deg,#fffdf6,#fff 42%);box-shadow:0 9px 22px #a6740d24}.kanban-card.is-flagged:before{position:absolute;z-index:1;top:-1px;right:13px;width:26px;height:7px;border-radius:0 0 5px 5px;background:linear-gradient(90deg,#e8bc4a,#f5d77e);box-shadow:0 2px 6px #8e5b002e;content:""}.kanban-card-main{display:grid;width:100%;gap:13px;border:0;padding:14px;color:inherit;background:transparent;text-align:left}.kanban-card-main:hover .kanban-request{color:#3f5ee5}.kanban-card-main:hover .kanban-open-icon{opacity:1;transform:translate(0)}.kanban-card-topline,.kanban-person,.kanban-card-info,.kanban-card-footer,.kanban-quick-actions{display:flex;align-items:center}.kanban-card-topline{justify-content:space-between;gap:8px}.kanban-request{overflow:hidden;color:#2e4bb7;font-size:11px;font-weight:850;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;transition:color .16s ease}.kanban-open-icon{display:grid;place-items:center;flex:0 0 auto;width:25px;height:25px;border-radius:8px;color:#4b65d8;background:#f0f3ff;opacity:.76;transform:translate(-2px);transition:opacity .16s ease,transform .16s ease}.kanban-person{gap:9px;min-width:0}.kanban-person>span:last-child{display:grid;min-width:0;gap:2px}.kanban-person strong,.kanban-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-person strong{color:#2a3a56;font-size:12px}.kanban-person small{color:#8290a6;font-size:10px}.kanban-card-type{overflow:hidden;color:#5d6c84;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.kanban-card-info{justify-content:space-between;gap:10px;border-top:1px solid #edf0f5;padding-top:11px}.kanban-card-info>span{display:grid;gap:3px}.kanban-card-info small{color:#8895a9;font-size:9px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.kanban-card-info strong{color:#203454;font-size:12px;letter-spacing:-.015em}.kanban-card-info>span:last-child{text-align:right}.kanban-card-footer{justify-content:space-between;gap:8px;border-top:1px solid #edf0f5;padding:9px 12px;color:#8995a6;font-size:10px}.kanban-card-footer .status-badge{min-height:22px;padding:0 7px;font-size:9px}.kanban-card-footer .status-badge:before{width:5px;height:5px}.kanban-card-actions{display:flex;align-items:center;gap:6px;min-width:0}.kanban-flag{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border:1px solid #e0e6f0;border-radius:7px;color:#76869f;background:linear-gradient(135deg,#fff,#f5f7fb);transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease}.kanban-flag:hover{transform:translateY(-1px);border-color:#e1c36d;color:#a66b0f;background:#fffaf0}.kanban-flag.is-active{border-color:#d7a528;color:#8c5a00;background:linear-gradient(135deg,#fff5cf,#f5d46e);box-shadow:0 4px 10px #ad730033}.kanban-quick-actions{gap:7px;padding:0 12px 12px}.kanban-quick-actions button{display:inline-flex;align-items:center;justify-content:center;flex:1;gap:5px;min-height:31px;border:1px solid;border-radius:8px;font-size:10px;font-weight:850;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.kanban-quick-actions button:hover{transform:translateY(-1px);box-shadow:0 5px 10px #1e32581a}.kanban-approve{border-color:#a8d9c5!important;color:#137856;background:#effbf6}.kanban-reject{border-color:#efc0c8!important;color:#ad4053;background:#fff4f6}.kanban-empty{display:grid;justify-items:center;gap:6px;min-height:172px;padding:32px 12px;border:1px dashed #d8e0eb;border-radius:13px;color:#728198;text-align:center}.kanban-empty-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#7a8aa7;background:#ffffffbf}.kanban-empty strong{color:#53627a;font-size:11px}.kanban-empty small{max-width:150px;font-size:10px;line-height:1.45}.kanban-skeleton{height:185px;border-radius:14px;background:linear-gradient(100deg,#fff 18%,#f0f3f8 32%,#fff 48%);background-size:230% 100%;animation:skeleton-sweep 1.25s ease-in-out infinite}@keyframes board-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes column-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes skeleton-sweep{0%{background-position:100% 0}to{background-position:-130% 0}}@media(max-width:1180px){.filters{grid-template-columns:minmax(220px,1fr) auto}.lane-filter{grid-column:1 / -1}.kanban-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:670px){.filters{grid-template-columns:1fr}.topbar{padding:7px 8px;border-radius:15px}.workbench{border-radius:18px}.workbench-header{padding:20px 18px 17px}.kanban-meta{padding:13px 18px}.kanban-meta span:last-child{display:none}.kanban-board{grid-template-columns:1fr;gap:11px;padding:0 11px 12px}.kanban-column{min-height:auto}.lane-filter{display:grid;gap:6px}.lane-filter-options{flex-wrap:wrap;overflow:visible}.kanban-cards{height:min(58dvh,520px)}}@media(prefers-reduced-motion:reduce){.metric,.kanban-column,.kanban-card,.kanban-skeleton{animation:none}.metric,.kanban-card,.kanban-flag,.lane-filter-options button,.kanban-quick-actions button,.kanban-open-icon{transition:none}}
