:root{font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;color:#112b51;background:#eef6ff;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #102b53;--muted: #7186a2;--blue: #287cf3;--blue-deep: #176be3;--border: #dce8f7;--panel: rgba(255, 255, 255, .92);--shadow: 0 14px 34px rgba(40, 91, 157, .08);--sidebar: 220px}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(40,124,243,.24);outline-offset:2px}.app-shell{min-height:100vh;background:radial-gradient(circle at 75% -8%,rgba(157,201,255,.3),transparent 28%),radial-gradient(circle at 24% 90%,rgba(184,221,255,.26),transparent 30%),#f3f8ff}.app-frame{min-height:100vh;margin-left:var(--sidebar)}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:var(--sidebar);padding:0 14px 26px;display:flex;flex-direction:column;background:#fafdffeb;border-right:1px solid rgba(202,219,241,.72);box-shadow:8px 0 24px #416b9f09;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{height:76px;padding:0 14px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #edf3fb}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(145deg,#3f9cff,#1f65e8);box-shadow:0 8px 18px #2470e140}.brand-mark:before{content:"";position:absolute;width:30px;height:30px;border:2px solid rgba(255,255,255,.36);border-radius:50%;left:-12px;bottom:-10px}.brand-mark span{font-family:Manrope,sans-serif;font-size:14px;font-weight:800;letter-spacing:-.5px;z-index:1}.brand>div:not(.brand-mark){display:grid}.brand strong{font-size:16px;letter-spacing:.02em;color:var(--navy)}.brand small{font:700 8px Manrope,sans-serif;letter-spacing:.17em;color:#8ca0bb}.main-nav{display:flex;flex-direction:column;gap:3px;padding-top:16px;overflow-y:auto;scrollbar-width:none}.nav-section{padding:9px 13px 6px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#9babc0;text-transform:uppercase}.admin-section{margin-top:10px;padding-top:16px;border-top:1px solid #edf3fb}.nav-link{min-height:42px;padding:0 13px;display:flex;align-items:center;gap:12px;border-radius:11px;text-decoration:none;color:#597392;font-size:13.5px;font-weight:600;transition:.2s ease}.nav-link:hover{color:#2675e8;background:#e7f1ffa8;transform:translate(2px)}.nav-link.active{color:#176fe8;background:linear-gradient(100deg,#e4f0ff,#eff6ff);box-shadow:inset 0 0 0 1px #3787f014}.nav-link.active svg{stroke-width:2.5}.nav-link em{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:99px;display:grid;place-items:center;background:#ff6571;color:#fff;font:700 10px Manrope,sans-serif}.sidebar-quote{margin:auto 14px 0;padding:20px 6px 8px;position:relative;color:#54739b;font-family:Noto Sans SC,sans-serif;font-size:13px;line-height:1.8;transform:rotate(-4deg)}.quote-line{position:absolute;left:6px;bottom:0;width:98px;height:2px;background:#3a87f1;transform:rotate(-8deg)}.quote-orbit{position:absolute;width:120px;height:120px;left:-76px;bottom:-62px;border:18px solid rgba(122,181,251,.16);border-radius:50%}.mobile-close,.mobile-menu{display:none;border:0;background:transparent}.topbar{position:sticky;top:0;z-index:20;height:76px;display:flex;align-items:center;gap:24px;padding:0 26px 0 30px;background:#fafdffd4;border-bottom:1px solid rgba(207,222,240,.6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.system-name{min-width:260px;font-size:17px;font-weight:800;letter-spacing:.02em;color:var(--navy)}.global-search{width:min(470px,40vw);height:42px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:12px;background:#fff;border:1px solid var(--border);box-shadow:0 7px 18px #2056970b;color:#8195ad}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--navy);font-size:13px}.global-search kbd{padding:2px 6px;border:1px solid #e2ebf6;background:#f6f9fd;border-radius:5px;color:#9aacc1;font:500 10px Manrope,sans-serif}.top-actions{display:flex;align-items:center;gap:12px}.top-divider{width:1px;height:24px;background:#dce7f4}.notification-button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:12px;background:transparent;color:#617b9d;position:relative;cursor:pointer}.notification-button:hover{background:#edf5ff;color:var(--blue)}.notification-button i{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:#ff5b65;border:2px solid white}.profile{min-width:140px;display:flex;align-items:center;gap:9px;border:0;background:transparent;cursor:pointer;padding:4px 7px;border-radius:12px}.profile:hover{background:#edf5ff}.avatar{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#dcecff,#77b0ff);color:#fff;font-weight:800;box-shadow:inset 0 0 0 3px #ffffffa3}.profile>span:not(.avatar){display:grid;text-align:left}.profile strong{font-size:13px}.profile small{color:#8094ac;font-size:10px;margin-top:2px}.popover-anchor{position:relative}.popover{position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:230px;padding:8px;border:1px solid var(--border);border-radius:14px;background:#fffffffa;box-shadow:0 18px 42px #1a437629}.popover button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:10px;border-radius:8px;font-size:12.5px;cursor:pointer}.popover button:hover,.popover button.selected{background:#edf5ff;color:var(--blue)}.popover button i{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--blue)}.popover-label{display:block;padding:8px 10px;color:#91a2b8;font-size:10px;font-weight:700;letter-spacing:.08em}.popover-separator{display:block;height:1px;background:#edf2f8;margin:6px}.notification-popover{width:280px}.popover-title{padding:10px;display:flex;justify-content:space-between;border-bottom:1px solid #edf2f8}.popover-title span{color:#ff6470;font-size:11px}.notification-popover button{padding:12px 10px;color:#526f94;border-bottom:1px solid #f0f4f9}.main-content{padding:26px 28px 42px}.page{max-width:1420px;margin:0 auto}.page-header{min-height:84px;padding:6px 4px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:relative}.page-header:after{content:"";position:absolute;z-index:-1;right:4%;top:-18px;width:280px;height:110px;border-radius:50%;border-top:15px solid rgba(131,186,253,.11);transform:rotate(-6deg)}.page-header h1{margin:0 0 5px;color:#0c2850;font-size:clamp(26px,2.2vw,36px);line-height:1.25;letter-spacing:-.04em}.page-header p{margin:0;color:#7086a3;font-size:14px}.page-actions{display:flex;gap:9px;padding-top:5px}.panel{background:var(--panel);border:1px solid rgba(217,231,247,.85);border-radius:16px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-heading{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px;border-bottom:1px solid #e9f0f8}.panel-heading h2{margin:0;font-size:15px;color:var(--navy)}.panel-heading>div>span,.panel-heading>span{display:block;margin-top:3px;color:#91a2b7;font-size:11px}.panel-heading button:not(.button){display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#6f86a4;font-size:11.5px;cursor:pointer}.panel-heading button:hover{color:var(--blue)}.button{min-height:40px;padding:0 16px;border:1px solid transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;font-size:13px;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:scale(.975)}.button:disabled{opacity:.48;cursor:not-allowed}.button-primary{color:#fff;background:linear-gradient(135deg,#3189fb,#1769e6);box-shadow:0 8px 18px #2375eb38}.button-primary:hover:not(:disabled){box-shadow:0 12px 24px #2375eb47}.button-secondary{color:#286dbc;background:#eff6ff;border-color:#d8e7fa}.button-secondary:hover:not(:disabled){background:#e4f0ff}.button-ghost{color:#637d9c;background:transparent}.button-danger{color:#fff;background:#ee5a67;box-shadow:0 8px 18px #ee5a672e}.button-count{min-width:18px;height:18px;display:grid;place-items:center;border-radius:99px;background:var(--blue);color:#fff;font-size:10px}.icon-button{width:34px;height:34px;padding:0;border:1px solid #dfe9f5;border-radius:9px;display:grid;place-items:center;background:#fff;color:#7389a4;cursor:pointer}.icon-button:hover{color:var(--blue);border-color:#b8d4f8;background:#f3f8ff}.badge{width:fit-content;min-height:23px;padding:3px 9px;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;font-size:10.5px;font-weight:700;white-space:nowrap}.badge-blue{background:#e8f2ff;color:#2675e6}.badge-green{background:#e3f8f0;color:#09a06b}.badge-red{background:#ffebed;color:#ef5361}.badge-orange{background:#fff1de;color:#e88b29}.badge-gray{background:#eef2f7;color:#768ba5}.badge-purple{background:#eeeaff;color:#7355df}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:15px}.stat-card{min-width:0;height:118px;padding:17px;display:flex;align-items:center;gap:14px;border:1px solid #dce8f7;border-radius:15px;background:#ffffffeb;box-shadow:var(--shadow);text-align:left;cursor:pointer;position:relative}.stat-icon{flex:0 0 55px;height:55px;display:grid;place-items:center;border-radius:50%}.stat-icon svg{width:25px;height:25px}.stat-blue .stat-icon{color:#347ff0;background:#e2efff}.stat-green .stat-icon{color:#04ab79;background:#ddf7ee}.stat-orange .stat-icon{color:#f29a35;background:#fff0dd}.stat-purple .stat-icon{color:#725be8;background:#eeebff}.stat-copy{min-width:0;display:grid;gap:2px}.stat-copy>span{color:#586f8e;font-size:12px}.stat-copy strong{font:800 28px Manrope,Noto Sans SC,sans-serif;letter-spacing:-.04em;color:#102b53}.stat-copy small{color:#8ca0b7;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-chevron{position:absolute;right:12px;top:15px;color:#a7b8cc}.positive{color:#0eae77;display:inline-flex;align-items:center;gap:3px}.quick-panel{padding-bottom:15px;margin-bottom:15px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 17px}.quick-action{min-width:0;height:78px;padding:12px 14px;display:flex;align-items:center;gap:12px;border:0;border-radius:13px;cursor:pointer;text-align:left;transition:transform .18s,box-shadow .18s}.quick-action:hover{transform:translateY(-3px);box-shadow:0 10px 24px #2a5c9e1c}.quick-action>span{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:11px}.quick-action>span svg{width:21px}.quick-action div{min-width:0;display:grid;gap:4px}.quick-action strong{font-size:13px}.quick-action small{color:#7890aa;font-size:10.5px;white-space:nowrap}.quick-arrow{margin-left:auto;width:15px;opacity:.55}.quick-blue{background:linear-gradient(120deg,#e9f3ff,#f5f9ff)}.quick-blue>span{color:#287bf1;background:#dcecff}.quick-green{background:linear-gradient(120deg,#e6f8f3,#f3fcfa)}.quick-green>span{color:#0bad7c;background:#d8f4ea}.quick-orange{background:linear-gradient(120deg,#fff2e4,#fff9f3)}.quick-orange>span{color:#ed9634;background:#ffe8ce}.quick-purple{background:linear-gradient(120deg,#efecff,#f8f6ff)}.quick-purple>span{color:#755be7;background:#e5e0ff}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.compact-customer{width:calc(100% - 30px);margin:0 15px;min-height:57px;padding:8px 4px;display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid #edf2f8;background:transparent;text-align:left;cursor:pointer}.compact-customer:hover{background:#f8fbff}.company-icon{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e9f2ff;color:#3777d6;font-size:11px;font-weight:700}.compact-customer>span:nth-child(2){min-width:0;display:grid}.compact-customer strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.compact-customer small{color:#8a9db3;font-size:10px;margin-top:2px}.compact-customer em{margin-left:auto;color:#2b7cf0;font-size:11px;font-style:normal;white-space:nowrap}.overdue-list .compact-customer em{color:#ef5c69}.compact-empty{padding:28px;color:#93a5b8;text-align:center;font-size:12px}.recent-panel{overflow:hidden}.simple-table{display:grid}.simple-row{min-height:44px;padding:0 17px;display:grid;grid-template-columns:2fr 1fr .7fr 1fr .4fr;gap:12px;align-items:center;border-top:1px solid #edf2f8;font-size:11.5px;color:#526c8d}.simple-row:first-child{border:0}.simple-row.table-head{min-height:35px;background:#f2f7fd;color:#6b82a0;font-size:10.5px}.simple-row strong{color:#284a75}.simple-row button{border:0;background:transparent;color:var(--blue);cursor:pointer}.filter-bar{min-height:72px;padding:14px 17px;display:flex;align-items:center;gap:14px;margin-bottom:15px}.search-box{min-width:240px;height:40px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #dce7f4;border-radius:9px;background:#fff;color:#8ba0b8}.search-box input{min-width:0;flex:1;border:0;outline:0;color:var(--navy);background:transparent;font-size:12px}.search-box button{display:grid;place-items:center;border:0;background:transparent;color:#90a3b8;cursor:pointer}.filter-bar>label,.toolbar>label{display:flex;align-items:center;gap:8px;color:#617997;font-size:11.5px;white-space:nowrap}select,input,textarea{border:1px solid #d9e5f3;border-radius:9px;background:#fff;color:#17375f;transition:border-color .16s,box-shadow .16s}select:hover,input:hover,textarea:hover{border-color:#b8d0ef}select:focus,input:focus,textarea:focus{outline:0;border-color:#4a91ef;box-shadow:0 0 0 3px #3683ee1a}select{height:40px;padding:0 32px 0 11px}.filter-bar label select{min-width:104px;height:40px}.customer-stats .stat-card{height:102px}.customer-stats .stat-icon{flex-basis:48px;height:48px}.customer-stats .stat-copy strong{font-size:24px}.table-panel{overflow:hidden}.table-panel .panel-heading{min-height:58px}.data-table-wrap{overflow-x:auto}.data-table{width:100%;min-width:1050px;border-collapse:collapse}.data-table th{height:39px;padding:0 10px;background:#f1f6fc;color:#647d9c;font-size:10.5px;text-align:left;white-space:nowrap}.data-table td{min-height:48px;padding:10px;border-top:1px solid #eaf0f7;color:#476484;font-size:11px;vertical-align:middle;white-space:nowrap}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover,.data-table tr.row-selected{background:#f4f9ff}.data-table .check-cell{width:36px;text-align:center}.data-table input[type=checkbox]{accent-color:var(--blue)}.company-link{max-width:220px;display:block;overflow:hidden;text-overflow:ellipsis;border:0;background:transparent;color:#234b7c;font-weight:650;font-size:11.5px;cursor:pointer;text-align:left}.company-link:hover{color:var(--blue)}.table-sub{display:block;margin-top:3px;color:#93a5ba;font-size:9.5px}.text-danger{color:#ee5c69!important}.row-actions{display:flex;gap:8px}.row-actions button,.table-action{display:inline-flex;align-items:center;gap:3px;border:0;background:transparent;color:#2675e8;font-size:10.5px;cursor:pointer;padding:3px}.row-actions button:hover,.table-action:hover{text-decoration:underline}.danger-link{color:#e95866!important}.selection-bar{display:flex;align-items:center;gap:10px}.selection-bar>span{color:var(--blue)!important}.selection-bar .button{min-height:32px}.table-heading-actions{display:flex;align-items:center;gap:9px}.table-heading-actions>.button{min-height:34px;padding:0 11px}.column-count{min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:99px;background:#dcecff;color:#2474df;font:700 9px Manrope,sans-serif}.column-settings-note{min-height:50px;padding:11px 13px;display:flex;align-items:center;gap:9px;border:1px solid #d9e8fa;border-radius:12px;background:linear-gradient(110deg,#edf6ff,#f7fbff);color:#55769d;font-size:10.5px}.column-settings-note svg{color:#2f7fe9}.column-settings-list{display:grid;gap:8px;margin-top:13px}.column-setting{min-height:62px;padding:7px 8px;display:grid;grid-template-columns:24px 1fr 65px;align-items:center;gap:5px;border:1px solid #e3ebf5;border-radius:12px;background:#ffffffc2;transition:border-color .18s,background .18s,transform .18s,opacity .18s}.column-setting.visible{border-color:#cfe2fa;background:#fff;box-shadow:0 7px 18px #295d9e0b}.column-setting:not(.visible){opacity:.66}.column-setting:hover{transform:translate(-2px)}.column-grip{display:grid;place-items:center;color:#a7b6c8}.column-toggle{min-width:0;padding:3px;display:grid;grid-template-columns:32px 1fr 34px;align-items:center;gap:8px;border:0;background:transparent;text-align:left;cursor:pointer}.column-toggle:disabled{cursor:default}.column-visibility{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#edf4fd;color:#6986a9}.column-setting.visible .column-visibility{background:#e4f0ff;color:#2778e9}.column-toggle>span:nth-child(2){min-width:0;display:grid;gap:3px}.column-toggle strong{color:#294c77;font-size:11.5px}.column-toggle small{overflow:hidden;color:#8a9db3;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.column-toggle i{width:32px;height:19px;padding:2px;display:block;border-radius:99px;background:#cbd7e5;transition:.18s}.column-toggle i:after{content:"";width:15px;height:15px;display:block;border-radius:50%;background:#fff;box-shadow:0 2px 5px #223a5833;transition:.18s}.column-setting.visible .column-toggle i{background:#3183f2}.column-setting.visible .column-toggle i:after{transform:translate(13px)}.column-order{display:flex;gap:3px}.column-order button{width:29px;height:29px;display:grid;place-items:center;border:1px solid #dce7f4;border-radius:8px;background:#fff;color:#6682a4;cursor:pointer}.column-order button:hover:not(:disabled){border-color:#b8d4f7;background:#edf5ff;color:#2879e8}.column-order button:disabled{opacity:.28;cursor:not-allowed}.pagination{height:61px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eaf0f7;color:#788da7;font-size:11px}.pagination div{display:flex;gap:5px}.pagination button{min-width:30px;height:30px;border:1px solid #e1eaf5;border-radius:8px;background:#fff;color:#7187a3;cursor:pointer}.pagination button.active{background:var(--blue);border-color:var(--blue);color:#fff}.pagination button:disabled{opacity:.4}.overlay{position:fixed;z-index:100;inset:0;background:#0f25434d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer{position:fixed;z-index:110;inset:0 0 0 auto;display:flex;flex-direction:column;background:#f8fbff;box-shadow:-20px 0 55px #1437602e}.drawer-header{flex:0 0 82px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e1eaf5}.drawer-header h2,.modal-header h2{margin:0;color:var(--navy);font-size:19px}.drawer-header p,.modal-header p{margin:4px 0 0;color:#8498b0;font-size:11.5px}.drawer-body{flex:1;overflow-y:auto;padding:20px 22px}.drawer-footer{flex:0 0 70px;padding:14px 22px;display:flex;align-items:center;justify-content:flex-end;gap:10px;background:#fff;border-top:1px solid #e1eaf5}.modal{position:fixed;z-index:120;top:15px;left:max(15px,calc(50% - 255px));width:min(510px,calc(100vw - 30px));border-radius:18px;background:#fff;box-shadow:0 25px 70px #12305640;overflow:hidden;max-height:calc(100vh - 30px);display:flex;flex-direction:column}.modal-header{flex:0 0 auto;min-height:78px;padding:19px 22px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e8eef6}.modal-header>div{position:relative}.modal-danger .modal-header>div{padding-left:38px}.modal-alert{position:absolute;left:0;top:0;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#ffeaec;color:#e95462}.modal-body{padding:20px 22px;overflow-y:auto}.modal-footer{flex:0 0 auto;padding:14px 22px;display:flex;justify-content:flex-end;gap:9px;background:#f8fbff;border-top:1px solid #e8eef6}.form-section{padding:19px;margin-bottom:15px;background:#fff;border:1px solid #e0eaf6;border-radius:14px}.form-section-title{margin-bottom:17px;display:flex;align-items:center;gap:10px}.form-section-title>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e8f2ff;color:#287bf1;font:800 11px Manrope,sans-serif}.form-section-title>div{display:grid;gap:2px}.form-section-title strong{font-size:13px}.form-section-title small{font-size:10px;color:#8fa2b7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;color:#496786;font-size:11.5px}.field:last-child{margin-bottom:0}.field-label{color:#486481;font-weight:650}.field-label b{color:#ed5b68;margin-left:3px}.field input,.field select,.field textarea{width:100%;padding:0 11px}.field input{height:41px}.field textarea{padding:10px 11px;resize:vertical;line-height:1.6}.field-message{color:#e75563;font-size:10px}.field-hint{color:#8ea0b3;font-size:9.5px}.field-error input,.field-error textarea{border-color:#ef6b76;background:snow}.segmented{height:42px;padding:4px;display:grid;grid-template-columns:1fr 1fr;background:#eef4fb;border-radius:10px}.segmented button{border:0;border-radius:8px;background:transparent;color:#6f85a0;font-size:12px;cursor:pointer}.segmented button.active{background:#fff;color:var(--blue);font-weight:700;box-shadow:0 3px 10px #285c9e17}.inline-warning{width:100%;margin-top:5px;padding:11px 12px;display:flex;align-items:center;gap:9px;border:1px solid #f5d39e;border-radius:10px;background:#fff8eb;color:#ae7024;font-size:11px;cursor:pointer;text-align:left}.inline-warning em{margin-left:auto;font-style:normal;color:#dc8124}.contact-list{display:grid;gap:10px}.contact-row{display:grid;grid-template-columns:130px 1fr 35px;gap:8px}.contact-row select,.contact-row input{height:40px;padding:0 10px}.contact-row button{border:1px solid #e3eaf3;border-radius:8px;background:#fff;color:#e05b67;cursor:pointer}.check-chip-list{display:flex;flex-wrap:wrap;gap:8px}.check-chip-list button{min-height:34px;padding:0 11px;border:1px solid #d9e5f3;border-radius:9px;background:#fff;color:#637c9b;font-size:11px;cursor:pointer}.check-chip-list button.selected{border-color:#7bb0f7;background:#edf5ff;color:#2474e5}.duplicate-card{display:flex;gap:13px;padding:14px;border-radius:12px;background:#f5f9ff;border:1px solid #dfebf9}.duplicate-icon{flex:0 0 43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#dfedff;color:#3779d5;font-weight:700}.duplicate-card>div{display:grid;gap:5px}.duplicate-card p{margin:0;color:#748ba6;font-size:11px}.duplicate-card>div>div{display:flex;gap:6px}.transfer-card,.transfer-summary{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:17px;padding:14px;border-radius:12px;background:#f4f9ff;border:1px solid #dfebf9}.transfer-card>div{display:grid;gap:4px}.transfer-card small{color:#8a9db4;font-size:10px}.transfer-card strong{font-size:12px}.transfer-card svg{color:var(--blue)}.transfer-summary span{padding:12px;text-align:center;border-radius:9px;background:#fff;color:#274e7d;font-weight:700}.transfer-summary strong{color:var(--blue)}.upload-zone{min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px dashed #aac9ef;border-radius:11px;background:#f4f9ff;color:#4f7eb8;cursor:pointer}.upload-zone strong{font-size:11px}.upload-zone span{font-size:9px;color:#8ea1b8}.upload-zone input{display:none}.record-meta{display:flex;justify-content:space-between;color:#91a3b7;font-size:9.5px}.attachment-item{height:40px;padding:0 10px;margin-top:8px;display:flex;align-items:center;gap:8px;border:1px solid #dfeaf6;border-radius:9px;background:#f8fbff;font-size:11px}.attachment-item em{margin-left:auto;font-style:normal;color:#8da0b6;font-size:9px}.attachment-item button{border:0;background:transparent;color:#8ca0b7;cursor:pointer}.attachment-item>span{min-width:0;flex:1;display:grid;gap:2px}.attachment-item>span small{color:#91a3b7;font-size:8px}.upload-progress{height:3px;overflow:hidden;border-radius:99px;background:#dce9f8}.upload-progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d7de4,#51b9ff);transition:width .18s ease}.notice-box{padding:14px;border-radius:11px;background:#eff6ff;border:1px solid #dbe9fa;color:#597697}.notice-box strong{display:flex;align-items:center;gap:6px;color:#315b8e;font-size:12px}.notice-box p{margin:5px 0 0;font-size:10.5px;line-height:1.6}.toast-stack{position:fixed;z-index:200;right:22px;top:90px;display:grid;gap:9px}.toast{min-width:250px;min-height:46px;padding:0 14px;display:flex;align-items:center;gap:9px;border:1px solid #dce8f4;border-radius:12px;background:#fffffff7;box-shadow:0 15px 35px #183d6c29;font-size:11.5px}.toast>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#ddf7ed;color:#09a36d}.toast-error>span{background:#ffeaed;color:#e95966}.toast-info>span{background:#e8f2ff;color:#2d79e7}.empty-state{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:#8ba0b8}.empty-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#edf5ff;color:#5e92d6;margin-bottom:11px}.empty-state strong{color:#3d5d83;font-size:14px}.empty-state p{margin:6px 0 15px;font-size:11px}.loading-state{padding:50px;display:flex;align-items:center;justify-content:center;gap:9px;color:#7890aa}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-link{margin:0 0 10px 4px;padding:5px 0;display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#6681a2;font-size:11px;cursor:pointer}.back-link:hover{color:var(--blue)}.customer-hero{min-height:136px;padding:22px;display:flex;align-items:center;gap:18px;margin-bottom:15px;background:radial-gradient(circle at 85% 0,rgba(172,208,255,.22),transparent 35%),#fff}.company-avatar{flex:0 0 72px;height:72px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#dfeeff,#86b8fb);color:#fff;font-size:19px;font-weight:800;box-shadow:inset 0 0 0 4px #ffffff7a}.customer-hero-copy{min-width:0}.customer-hero-copy>div{display:flex;gap:6px}.customer-hero-copy h2{margin:10px 0 4px;font-size:18px}.customer-hero-copy p{display:flex;align-items:center;gap:6px;margin:0;color:#7186a2;font-size:11px}.customer-hero-copy p span{width:1px;height:13px;background:#d7e3f1;margin:0 4px}.customer-hero-metrics{margin-left:auto;display:flex;gap:10px}.customer-hero-metrics>div{min-width:130px;padding:13px;border-radius:12px;background:#f5f9ff;border:1px solid #e1ebf7;display:grid;gap:5px}.customer-hero-metrics small{color:#8b9eb4;font-size:9.5px}.customer-hero-metrics strong{font-size:11.5px}.detail-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:15px}.detail-main{display:grid;gap:15px}.info-panel,.requirement-panel{padding-bottom:17px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:17px}.info-item{display:flex;align-items:center;gap:10px}.info-item>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#edf5ff;color:#477fc8}.info-item svg{width:16px}.info-item>div{display:grid;gap:2px}.info-item small{color:#8c9fb5;font-size:9.5px}.info-item strong{font-size:11.5px}.social-block{margin:0 17px;padding:14px;border-radius:11px;background:#f7faff}.social-block h3{margin:0 0 10px;font-size:11px}.social-line{display:flex;align-items:center;gap:10px;margin-top:7px}.social-line strong{font-size:10.5px}.social-block p{color:#8fa2b7;font-size:10px}.requirement-body{display:flex;gap:12px;padding:17px}.requirement-icon{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e9f3ff;color:#367dd9}.requirement-body>div{display:grid;gap:5px}.requirement-body small{color:#8da1b7;font-size:9.5px}.requirement-body strong{font-size:12px}.requirement-body p{margin:3px 0 0;color:#657d99;font-size:11px;line-height:1.7}.product-line{padding:0 17px;display:flex;align-items:center;gap:7px}.product-line>span{margin-right:5px;color:#7f93aa;font-size:10px}.product-line em{color:#9aabbc;font-size:10px}.timeline-panel{overflow:hidden}.timeline{padding:18px}.timeline-item{display:grid;grid-template-columns:33px 1fr;gap:10px;position:relative;padding-bottom:13px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:16px;top:32px;bottom:-3px;width:1px;background:#dbe8f7}.timeline-marker{position:relative;z-index:1}.timeline-marker span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e4f0ff;color:#3479d5;font:700 10px Manrope}.timeline-card{padding:14px;border:1px solid #e0eaf6;border-radius:12px;background:#fbfdff}.timeline-card header{display:flex;justify-content:space-between}.timeline-card header>div{display:grid;gap:2px}.timeline-card header strong{font-size:11.5px}.timeline-card header small,.timeline-card time{color:#8fa1b5;font-size:9px}.timeline-card p{margin:11px 0;color:#536f8f;font-size:11px;line-height:1.7}.file-pill,.next-follow{width:fit-content;margin-top:7px;padding:6px 9px;display:flex;align-items:center;gap:6px;border-radius:8px;background:#eef5ff;color:#4778b7;font-size:9.5px}.file-pill em{font-style:normal;color:#8b9fb6}.followup-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.attachment-download,.attachment-add{border:0;cursor:pointer;transition:transform .18s ease,background .18s ease}.attachment-download:hover,.attachment-add:hover{transform:translateY(-1px);background:#e1efff}.attachment-add{background:#f3f7fc;color:#6f87a2}.hidden-file-input{display:none}.next-follow{background:#edf9f5;color:#148a65}.toolbar{min-height:68px;padding:13px 16px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}.toolbar-note{display:flex;align-items:center;gap:7px;color:#7890aa;font-size:11px}.followup-list{padding:8px 18px}.followup-record{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid #e9f0f7}.followup-record:last-child{border:0}.record-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e2efff;color:#3377d3;font-size:12px;font-weight:700}.record-body header{display:flex;justify-content:space-between}.record-body header button{border:0;background:transparent;color:#244d7d;font-size:12px;font-weight:700;cursor:pointer}.record-body header button:hover{color:var(--blue)}.record-body time{color:#91a2b6;font-size:9.5px}.record-body p{margin:9px 0;color:#5b7593;font-size:11px;line-height:1.65}.record-body footer{display:flex;align-items:center;gap:9px;color:#8ca0b6;font-size:9.5px}.record-body footer button{margin-left:auto;border:0;background:transparent;color:var(--blue);font-size:10px;cursor:pointer}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.task-grid>.empty-state{grid-column:1/-1}.task-card{padding:18px;border:1px solid #dce8f6;border-radius:16px;background:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.task-card:before{content:"";position:absolute;right:-25px;top:-28px;width:90px;height:90px;border-radius:50%;background:#e8f7f1}.task-overdue:before{background:#fff0e7}.task-card>label{position:absolute;right:15px;top:15px;display:flex;align-items:center;gap:5px;color:#879ab1;font-size:9px}.task-card>label input{accent-color:var(--blue)}.task-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#e6f7f1;color:#0ca477;margin-bottom:12px}.task-overdue .task-icon{background:#fff0e4;color:#e98d2f}.task-card h3{min-height:38px;margin:11px 0 5px;color:#244b79;font-size:13px;line-height:1.5}.task-card>p{margin:0;color:#8699af;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-owner{margin:15px 0;padding:9px 0;display:flex;justify-content:space-between;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7;font-size:10px}.task-owner span{color:#8c9fb4}.task-owner strong{color:#466584}.task-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.task-actions .button{min-height:36px;padding:0 8px;font-size:10.5px}.employee-stats{display:grid;grid-template-columns:repeat(3,190px);gap:12px;margin-bottom:15px}.mini-stat{height:74px;padding:14px;display:flex;align-items:center;gap:11px;border:1px solid #dce8f6;border-radius:14px;background:#fff;box-shadow:var(--shadow);color:#3279d7}.mini-stat>span{display:grid}.mini-stat strong{font:800 21px Manrope;color:#173760}.mini-stat small{color:#8b9db2;font-size:9.5px}.employee-cell{display:flex;align-items:center;gap:8px}.small-avatar{flex-basis:30px;height:30px;font-size:10px}.settings-layout{display:grid;grid-template-columns:280px 1fr;gap:15px}.category-list{padding:12px}.category-heading{padding:11px 12px;display:flex;align-items:center;gap:8px;color:#274f7f;font-weight:700;font-size:12px}.category-list>button{width:100%;padding:12px;display:flex;align-items:center;gap:10px;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer}.category-list>button:hover,.category-list>button.active{background:#edf5ff}.category-list>button>span{min-width:0;display:grid;gap:3px}.category-list strong{font-size:11.5px}.category-list small{color:#8a9eb4;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-list .badge{margin-left:auto}.config-panel{overflow:hidden}.config-list{padding:8px 16px}.config-list article{min-height:59px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #edf2f7}.config-list article:last-child{border:0}.config-disabled{opacity:.62}.drag-order{width:28px;color:#9aabbd;font:700 10px Manrope}.config-list article>i{width:9px;height:9px;border-radius:50%}.config-copy{min-width:0;flex:1;display:grid;gap:3px}.config-copy strong{font-size:11.5px}.config-copy small{color:#8c9eb3;font-size:9.5px}.config-order{display:flex}.config-order button{width:26px;height:26px;border:0;background:transparent;color:#7f94ac;cursor:pointer}.config-order button:disabled{opacity:.25}.admin-dashboard-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:15px;margin-bottom:15px}.bar-chart{height:230px;padding:28px 25px 18px;display:flex;align-items:flex-end;gap:18px}.bar-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;position:relative}.bar-chart>div:before{content:"";position:absolute;left:50%;top:0;bottom:23px;border-left:1px dashed #edf2f7}.bar-chart span{width:18px;min-height:8px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#5ca1fb,#2976e9);box-shadow:0 5px 12px #2c78e82e;z-index:1}.bar-chart small{color:#8da0b4;font-size:9px}.health-panel{padding-bottom:10px}.health-row{height:48px;margin:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf2f7;font-size:10.5px}.live-dot{color:#18a876!important}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#17b47e}.recent-logs{overflow:hidden}.log-line{min-height:52px;padding:0 16px;display:grid;grid-template-columns:32px 1fr 150px 60px;gap:10px;align-items:center;border-bottom:1px solid #edf2f7}.log-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#edf5ff;color:#4783d1}.log-line>div{display:grid;gap:2px}.log-line strong{font-size:10.5px}.log-line small,.log-line time{color:#8b9db2;font-size:9px}.org-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.org-card{padding:18px}.org-card header{display:flex;justify-content:space-between}.org-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#e5f1ff;color:#347bd6}.org-card h2{margin:15px 0 5px;font-size:15px}.org-card>p{margin:0;color:#8a9eb4;font-size:10px}.org-metrics{display:grid;grid-template-columns:1fr 1fr;margin:17px 0;padding:13px;border-radius:11px;background:#f6f9fd}.org-metrics span{display:grid;gap:4px}.org-metrics small{color:#91a2b5;font-size:9px}.org-metrics strong{font-size:11px}.org-card footer{display:flex;align-items:center;justify-content:space-between}.org-card .button{min-height:35px}.roles-layout{display:grid;grid-template-columns:240px 1fr 300px;gap:15px}.role-list{padding:10px}.role-list .panel-heading{margin:-10px -10px 6px}.role-list>button{width:100%;min-height:55px;padding:9px;display:flex;align-items:center;gap:9px;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer}.role-list>button.active{background:#edf5ff}.role-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#e3efff;color:#377bd4}.role-list>button>span:nth-child(2){flex:1;display:grid;gap:2px}.role-list strong{font-size:11px}.role-list small{font-size:8.5px;color:#8d9fb3}.permission-panel{overflow:hidden}.permission-group{padding:14px 18px;border-bottom:1px solid #edf2f7}.permission-parent{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:11.5px}.permission-group>div{padding-left:24px;display:flex;flex-wrap:wrap;gap:12px 22px}.permission-group>div label{display:flex;align-items:center;gap:6px;color:#627d9d;font-size:10px}.permission-group input{accent-color:var(--blue)}.role-settings{padding:15px}.role-settings>.panel-heading{margin:-15px -15px 8px}.scope-option{padding:11px 5px;display:flex;gap:8px;border-bottom:1px solid #edf2f7}.scope-option input{accent-color:var(--blue)}.scope-option>span{display:grid;gap:3px}.scope-option strong{font-size:10.5px}.scope-option small{color:#8b9db1;font-size:8.5px}.role-info{margin-top:13px;display:grid;gap:9px}.role-info label{display:grid;gap:5px;color:#758ba5;font-size:9.5px}.role-info input{height:36px;padding:0 9px;background:#f7f9fc}.full-button{width:100%;margin-top:15px}.log-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.log-detail>div{padding:12px;border-radius:10px;background:#f4f8fd;display:grid;gap:5px}.log-detail small{color:#8da0b4;font-size:9px}.log-detail strong{font-size:11px}.log-detail .full{grid-column:1/-1}.log-detail p{margin:0;color:#526f90;font-size:10.5px;line-height:1.6}.security-hero{min-height:170px;padding:24px;display:flex;align-items:center;gap:20px;margin-bottom:15px;background:radial-gradient(circle at 82% 20%,rgba(153,201,255,.28),transparent 29%),#fff}.score-ring{--score: 280deg;flex:0 0 110px;height:110px;padding:10px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2e82f3 var(--score),#e7eef7 0)}.score-ring:before{content:"";grid-area:1/1;width:90px;height:90px;border-radius:50%;background:#fff}.score-ring>span{grid-area:1/1;z-index:1;display:grid;text-align:center}.score-ring strong{font:800 27px Manrope;color:#174278}.score-ring small{color:#8599b0;font-size:9px}.security-hero>div:nth-child(2){flex:1}.security-hero h2{margin:10px 0 7px;font-size:19px}.security-hero p{margin:0;color:#7489a3;font-size:10.5px}.security-hero>svg{color:#b5d1f4}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.security-grid>.panel{padding:18px}.security-card-header{display:flex;gap:10px;padding-bottom:14px;border-bottom:1px solid #eaf0f7}.security-card-header>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#e9f3ff;color:#377dd5}.security-card-header>div{display:grid;gap:3px}.security-card-header h2{margin:0;font-size:13px}.security-card-header p{margin:0;color:#8c9fb4;font-size:9px}.setting-row,.setting-select{min-height:61px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf2f7}.setting-row>span,.setting-select>span{display:grid;gap:4px}.setting-row strong,.setting-select strong{font-size:10.5px}.setting-row small,.setting-select small{color:#8b9db2;font-size:8.5px}.switch{width:40px;height:22px;padding:2px;border:0;border-radius:99px;background:#ccd7e4;cursor:pointer;transition:.2s}.switch i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #233d5a33;transition:.2s}.switch.active{background:#2f83f2}.switch.active i{transform:translate(18px)}.setting-select select{height:35px;font-size:10px}.ip-list{padding:12px 0;border-bottom:1px solid #edf2f7}.ip-list>div{display:flex;justify-content:space-between;align-items:center}.ip-list>div strong{font-size:10.5px}.ip-list .button{min-height:31px;padding:0 10px;font-size:9.5px}.ip-list code{display:inline-block;margin-top:9px;padding:5px 8px;border-radius:6px;background:#edf3fa;color:#476785;font-size:9px}.security-events{overflow:hidden}.security-events>.panel-heading{margin-bottom:4px}.security-events>div:not(.panel-heading){min-height:55px;padding:0 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf2f7}.event-dot{width:8px;height:8px;border-radius:50%;background:#2f82f2}.dot-green{background:#14ad78}.dot-orange{background:#ed9432}.security-events p{flex:1;display:grid;gap:2px}.security-events strong{font-size:10.5px}.security-events small{color:#8c9eb2;font-size:9px}.security-events svg{color:#91a3b6}.whitelist-items{display:grid;gap:8px;margin-top:13px}.whitelist-items>div{height:39px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-radius:9px;background:#f4f8fd}.whitelist-items code{font-size:10px;color:#496987}.whitelist-items button{border:0;background:transparent;color:#e85d68;font-size:9.5px;cursor:pointer}.search-hero{height:74px;padding:14px 20px;display:flex;align-items:center;gap:13px;margin-bottom:15px;color:#7188a4}.search-hero input{flex:1;height:45px;border:0;background:transparent;font-size:16px}.search-hero input:focus{box-shadow:none}.search-hero kbd{padding:4px 7px;border:1px solid #dbe6f3;border-radius:6px;background:#f4f7fb;font:600 9px Manrope;color:#8ea0b4}.search-results{overflow:hidden}.search-result{width:100%;min-height:68px;padding:10px 18px;display:grid;grid-template-columns:38px 1fr auto 80px;gap:12px;align-items:center;border:0;border-bottom:1px solid #edf2f7;background:transparent;text-align:left;cursor:pointer}.search-result:hover{background:#f5f9ff}.search-result>div{display:grid;gap:4px}.search-result strong{font-size:11.5px}.search-result p{margin:0;display:flex;align-items:center;gap:5px;color:#899db3;font-size:9.5px}.search-result>span:last-child{color:#65809f;font-size:10px;text-align:right}.state-page{min-height:calc(100vh - 150px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.state-illustration{width:86px;height:86px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,#e5f1ff,#f5f9ff);color:#3e7fd2;box-shadow:var(--shadow)}.state-page h1{margin:21px 0 7px;font-size:23px}.state-page p{max-width:460px;margin:0 0 18px;color:#7b8fa8;font-size:11.5px;line-height:1.7}.login-page{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#f6faff;position:relative;overflow:hidden}.login-brand-panel{position:relative;padding:42px clamp(38px,7vw,110px);background:radial-gradient(circle at 15% 85%,rgba(109,173,249,.36),transparent 28%),linear-gradient(145deg,#eaf4ff,#f8fbff);overflow:hidden}.login-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.brand-mark-large{width:50px;height:50px;border-radius:16px}.login-brand>div{display:grid}.login-brand strong{font-size:19px}.login-brand small{font:700 8px Manrope;letter-spacing:.18em;color:#8299b7}.login-hero{max-width:610px;margin-top:clamp(90px,15vh,180px);position:relative;z-index:2}.eyebrow{width:fit-content;padding:7px 11px;display:flex;align-items:center;gap:6px;border:1px solid #cfe2fa;border-radius:99px;background:#ffffffa8;color:#3478cd;font-size:10.5px;font-weight:700}.login-hero h1{margin:22px 0 16px;color:#0e315d;font-size:clamp(38px,4vw,65px);line-height:1.15;letter-spacing:-.05em}.login-hero h1 em{color:#2c7be9;font-style:normal}.login-hero>p{max-width:530px;margin:0;color:#667f9e;font-size:14px;line-height:1.9}.login-benefits{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.login-benefits span{display:flex;align-items:center;gap:6px;color:#547493;font-size:11px}.login-benefits svg{width:16px;color:#10a778}.robotic-lines{position:absolute;right:-100px;bottom:-80px;width:430px;height:430px;border:1px solid rgba(63,139,233,.12);border-radius:50%}.robotic-lines i{position:absolute;border:1px solid rgba(63,139,233,.12);border-radius:50%}.robotic-lines i:nth-child(1){inset:55px}.robotic-lines i:nth-child(2){inset:110px}.robotic-lines i:nth-child(3){left:202px;top:-100px;width:1px;height:600px;border-radius:0}.login-ambient{position:absolute;z-index:1;border-radius:50%;filter:blur(1px)}.ambient-one{width:290px;height:290px;left:-140px;top:-100px;border:30px solid rgba(81,156,244,.12)}.ambient-two{width:220px;height:220px;left:45%;bottom:-130px;background:#6fb2fc1a}.login-form-panel{display:grid;place-items:center;padding:28px;background:#ffffffc7}.login-card{width:min(410px,100%);padding:34px;border:1px solid #dce9f8;border-radius:22px;background:#fffffff2;box-shadow:0 28px 70px #214d821f}.login-card header{text-align:center;margin-bottom:20px}.login-lock{width:52px;height:52px;margin:0 auto 12px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#e2efff,#f3f8ff);color:#2b7ae8}.login-card h2{margin:0;font-size:22px}.login-card header p{margin:5px 0 0;color:#8195ad;font-size:10.5px}.demo-account{margin-bottom:17px;padding:9px 11px;display:flex;justify-content:space-between;border-radius:9px;background:#ebf8f3;color:#1e8a68;font-size:9.5px}.input-with-icon{height:43px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid #d9e5f3;border-radius:10px;color:#8da0b5}.input-with-icon:focus-within{border-color:#4a91ef;box-shadow:0 0 0 3px #3683ee1a}.input-with-icon input{height:auto!important;flex:1;padding:0!important;border:0!important;box-shadow:none!important}.input-with-icon button{border:0;background:transparent;color:#8599b0;cursor:pointer}.login-meta{display:flex;justify-content:space-between;align-items:center;margin:-3px 0 18px;color:#758ba4;font-size:9.5px}.login-meta label{display:flex;align-items:center;gap:5px}.login-meta input{accent-color:var(--blue)}.login-meta button{border:0;background:transparent;color:#3279d8;cursor:pointer}.login-submit{width:100%;height:46px}.login-card footer{margin-top:17px;text-align:center;color:#a0afbf;font-size:8.5px}.login-loading{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.app-shell:before{content:"";position:fixed;z-index:0;inset:76px 0 0 var(--sidebar);pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(59,128,221,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(59,128,221,.035) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%);transition:inset .32s cubic-bezier(.22,1,.36,1)}.app-frame,.sidebar{transition:width .32s cubic-bezier(.22,1,.36,1),margin-left .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1)}.app-shell-collapsed{--sidebar: 78px}.app-shell-collapsed .brand{padding:0 5px;justify-content:center}.app-shell-collapsed .brand>.brand-copy,.app-shell-collapsed .nav-section,.app-shell-collapsed .sidebar-quote,.app-shell-collapsed .sidebar-collapse span,.app-shell-collapsed .nav-link>span{display:none}.app-shell-collapsed .main-nav{overflow:visible}.app-shell-collapsed .nav-link{justify-content:center;padding:0;position:relative}.app-shell-collapsed .nav-link:hover{transform:translateY(-1px)}.app-shell-collapsed .nav-link em{position:absolute;right:4px;top:3px;min-width:17px;height:17px;padding:0 4px;font-size:8px}.sidebar-collapse{min-height:38px;margin:12px 7px 10px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce8f6;border-radius:10px;background:#ffffffb8;color:#6d84a1;font-size:11px;cursor:pointer;transition:.2s}.sidebar-collapse:hover{color:var(--blue);border-color:#bcd7fa;background:#edf5ff;box-shadow:0 7px 16px #2568be14}.floating-create{position:fixed;z-index:70;right:27px;bottom:27px;height:48px;padding:0 17px 0 7px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.7);border-radius:15px;background:linear-gradient(135deg,#1f8cff,#1765df 58%,#6b5be7);color:#fff;box-shadow:0 15px 34px #1e69de57,inset 0 1px #ffffff59;cursor:pointer;overflow:hidden}.floating-create:before{content:"";position:absolute;inset:-80% -20%;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.42) 50%,transparent 65%);transform:translate(-65%) rotate(7deg);animation:floating-shine 4.2s ease-in-out infinite}.floating-create>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.floating-create strong{font-size:13px;letter-spacing:.02em}.floating-spark{opacity:.75;animation:spark-pulse 1.8s ease-in-out infinite}.filter-region{min-width:175px}.filter-bar{position:relative;z-index:12}.filter-region .search-select-trigger{height:40px}.search-select{position:relative;width:100%;min-width:0}.search-select-trigger{width:100%;min-height:40px;padding:0 10px 0 12px;display:flex;align-items:center;gap:8px;border:1px solid #d9e5f3;border-radius:9px;background:#fff;color:#17375f;text-align:left;cursor:pointer;transition:.18s}.search-select-trigger:hover{border-color:#b8d0ef}.search-select-open .search-select-trigger{border-color:#4a91ef;box-shadow:0 0 0 3px #3683ee1a}.search-select-trigger>span:first-child{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-select-trigger .placeholder{color:#899cb3}.search-select-trigger>svg{flex:0 0 auto;color:#879bb2}.select-clear{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;color:#8195ad}.select-clear:hover{background:#edf4fc;color:#2b79e6}.search-select-disabled{opacity:.55}.search-select-disabled .search-select-trigger{cursor:not-allowed;background:#f4f7fa}.search-select-menu{position:absolute;z-index:150;top:calc(100% + 7px);left:0;width:max(100%,280px);padding:8px;border:1px solid #dce7f5;border-radius:13px;background:#fffffffa;box-shadow:0 20px 48px #1740712e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:select-pop .17s ease-out}.search-select-input{height:37px;padding:0 9px;display:flex;align-items:center;gap:7px;border-radius:9px;background:#f2f7fd;color:#7d92aa}.search-select-input input{min-width:0;flex:1;height:auto;padding:0;border:0;background:transparent;box-shadow:none!important}.search-select-input kbd{padding:2px 5px;border-radius:5px;background:#e4edf8;color:#7890aa;font:600 9px Manrope}.search-select-options{max-height:250px;margin-top:6px;overflow-y:auto;overscroll-behavior:contain}.search-select-options button{width:100%;min-height:36px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:8px;background:transparent;color:#4d698a;font-size:11px;text-align:left;cursor:pointer}.search-select-options button:hover,.search-select-options button.selected{background:#edf5ff;color:#2475e8}.search-select-empty{padding:25px 8px;color:#90a2b7;font-size:11px;text-align:center}.panel{transition:border-color .22s,box-shadow .22s}.panel:hover{border-color:#bbd5f5f2;box-shadow:0 18px 44px #285b9d1b}.drawer-body>.form-section{animation:drawer-rise .35s both}.drawer-body>.form-section:nth-child(2){animation-delay:.04s}.drawer-body>.form-section:nth-child(3){animation-delay:.08s}.drawer-body>.form-section:nth-child(4){animation-delay:.12s}.data-table tbody tr{transition:background .15s,transform .15s}.data-table tbody tr:hover{transform:translate(2px)}@keyframes floating-shine{0%,65%{transform:translate(-70%) rotate(7deg)}85%,to{transform:translate(70%) rotate(7deg)}}@keyframes spark-pulse{50%{transform:rotate(18deg) scale(1.18);opacity:1}}@keyframes select-pop{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}@keyframes drawer-rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(max-width:1180px){:root{--sidebar: 198px}.system-name{min-width:220px;font-size:15px}.main-content{padding:22px 20px 35px}.stats-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}.roles-layout{grid-template-columns:220px 1fr}.role-settings{grid-column:1/-1}.role-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.role-settings>.panel-heading,.role-settings>.full-button{grid-column:1/-1}.role-info{grid-column:1/-1;grid-template-columns:1fr 1fr;margin-top:0}.org-grid,.task-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.sidebar{transform:translate(-105%);transition:transform .25s}.sidebar-open{transform:translate(0)}.app-frame{margin-left:0}.mobile-menu{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#607a9b}.mobile-close{display:block;margin-left:auto}.mobile-overlay{position:fixed;z-index:25;inset:0;background:#10274640}.system-name{min-width:0;flex:1}.global-search{display:none}.top-actions{margin-left:auto}.main-content{padding:20px 14px 30px}.dashboard-columns,.detail-layout,.settings-layout,.admin-dashboard-grid,.security-grid,.task-grid{grid-template-columns:1fr}.customer-hero-metrics{display:none}.roles-layout{grid-template-columns:1fr}.role-settings{display:block}.org-grid,.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh}.page-header{align-items:flex-start}.page-actions{flex-wrap:wrap;justify-content:flex-end}.filter-bar{overflow-x:auto}.filter-bar>*{flex:0 0 auto}.employee-stats{grid-template-columns:repeat(3,1fr)}}.audit-page,.security-api-page{isolation:isolate}.audit-assurance{min-height:66px;padding:14px 18px;display:flex;align-items:center;gap:12px;overflow:hidden;position:relative;background:linear-gradient(110deg,#ebf9f5f5,#f4fafff5)}.audit-assurance:after{content:"";position:absolute;width:180px;height:180px;right:-90px;border-radius:50%;background:radial-gradient(circle,rgba(34,169,127,.15),transparent 68%);pointer-events:none}.audit-assurance>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#148966;background:#dcf7ee}.audit-assurance>div{display:grid;gap:3px;flex:1}.audit-assurance small,.audit-table td>small{display:block;color:var(--muted)}.audit-toolbar{display:grid;grid-template-columns:minmax(320px,1fr) auto auto}.audit-toolbar label{display:flex;align-items:center;gap:8px}.audit-table{min-width:1120px}.audit-table td:nth-child(1){white-space:nowrap}.audit-table td:nth-child(2) strong{font-size:13px}.audit-pagination{min-height:66px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);color:var(--muted);font-size:13px}.audit-pagination>div{display:flex;gap:8px}.audit-pagination .button{min-height:36px}.audit-detail code{overflow-wrap:anywhere}.audit-detail pre{margin:0;max-height:310px;overflow:auto;padding:14px;border:1px solid #dce8f7;border-radius:12px;color:#25466e;background:#f6f9fd;font-size:12px;line-height:1.65;white-space:pre-wrap}.security-policy-hero{grid-template-columns:auto minmax(0,1fr) auto;min-height:190px;background:radial-gradient(circle at 82% 16%,rgba(75,150,255,.18),transparent 26%),linear-gradient(125deg,#0e2d55,#154d83 58%,#1c67a5)}.security-policy-hero:before{content:"";position:absolute;inset:0;opacity:.23;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}.security-policy-hero>*{position:relative}.security-orbit{width:112px;height:112px;display:grid;place-items:center;position:relative;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#ffffff14;box-shadow:inset 0 0 24px #81c6ff2b,0 18px 46px #02152d3d}.security-orbit:before,.security-orbit:after{content:"";position:absolute;inset:12px;border:1px dashed rgba(163,214,255,.42);border-radius:50%;animation:security-spin 16s linear infinite}.security-orbit:after{inset:-8px;border-style:solid;border-color:transparent rgba(163,214,255,.25);animation-direction:reverse;animation-duration:22s}.security-orbit i{width:7px;height:7px;position:absolute;border-radius:50%;background:#87d4ff;box-shadow:0 0 16px #87d4ff}.security-orbit i:nth-child(2){top:7px;left:35px}.security-orbit i:nth-child(3){right:-2px;top:55px}.security-orbit i:nth-child(4){left:12px;bottom:13px}@keyframes security-spin{to{transform:rotate(360deg)}}.security-policy-hero h2{color:#fff;margin-top:10px}.security-policy-hero p{color:#e8f4ffc4}.policy-source{min-width:210px;padding:16px;display:grid;gap:5px;border:1px solid rgba(255,255,255,.14);border-radius:15px;color:#fff;background:#041c3647;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.policy-source small,.policy-source span{color:#e2f1ffad;font-size:12px}.security-policy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.policy-field{min-height:208px;padding:18px;display:flex;flex-direction:column;gap:13px;cursor:default;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.policy-field:hover{transform:translateY(-3px);border-color:#bad4f5;box-shadow:0 18px 40px #225b991f}.policy-field-icon{width:42px;height:42px;display:grid;place-items:center;color:#276dae;border-radius:13px;background:linear-gradient(145deg,#e1f0ff,#eef7ff)}.policy-field-copy{display:grid;gap:4px}.policy-field-copy small,.policy-range{color:var(--muted);font-size:12px;line-height:1.5}.policy-number{display:flex;align-items:center;border:1px solid var(--border);border-radius:11px;background:#f8fbff;overflow:hidden}.policy-number:focus-within{border-color:#78aef1;box-shadow:0 0 0 3px #287cf31c}.policy-number input{width:100%;min-width:0;height:46px;padding:0 11px;border:0;outline:0;color:var(--navy);background:transparent;font-size:21px;font-weight:750}.policy-number em{padding-right:12px;color:var(--muted);font-size:12px;font-style:normal;white-space:nowrap}.security-validation{padding:12px 16px;border:1px solid #f4c28e;border-radius:12px;color:#96500e;background:#fff6e9;animation:panel-enter .24s ease}.two-factor-reserved,.security-change-note{padding:18px;display:flex;align-items:center;gap:14px}.two-factor-reserved>span{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;color:#7251b2;background:#eee8ff}.two-factor-reserved>div{flex:1}.two-factor-reserved>div>div{display:flex;align-items:center;gap:10px}.two-factor-reserved h2{margin:0;font-size:16px}.two-factor-reserved p,.security-change-note p{margin:5px 0 0;color:var(--muted);font-size:13px}.two-factor-reserved .switch{opacity:.5}.security-change-note{justify-content:space-between;background:linear-gradient(120deg,#f7fbff,#fff)}.security-change-note>div:last-child{min-width:160px;display:grid;gap:4px;padding-left:18px;border-left:1px solid var(--border)}.security-change-note small{color:var(--muted)}@media(max-width:1180px){.security-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-toolbar{grid-template-columns:1fr 1fr}.audit-toolbar .search-box{grid-column:1 / -1}}@media(max-width:760px){.audit-toolbar,.security-policy-grid{grid-template-columns:1fr}.audit-assurance,.audit-pagination,.security-change-note{align-items:flex-start}.audit-assurance .badge{display:none}.audit-pagination,.security-change-note{flex-direction:column}.security-policy-hero{grid-template-columns:1fr}.security-orbit{width:88px;height:88px}.policy-source{width:100%}.security-change-note>div:last-child{width:100%;padding:12px 0 0;border-left:0;border-top:1px solid var(--border)}.two-factor-reserved{align-items:flex-start}}@media(max-width:560px){.topbar{padding:0 12px;height:66px}.system-name{font-size:12px}.profile{min-width:0}.profile>span:not(.avatar),.profile>svg,.top-divider{display:none}.page-header{display:grid}.page-actions{justify-content:flex-start}.stats-grid,.quick-grid,.form-grid,.dashboard-columns{grid-template-columns:1fr}.simple-row{grid-template-columns:1.7fr .8fr .5fr}.simple-row>*:nth-child(3),.simple-row>*:nth-child(4){display:none}.customer-hero{align-items:flex-start}.customer-hero-copy p{flex-wrap:wrap}.detail-layout{display:block}.timeline-panel{margin-top:15px}.info-grid,.employee-stats{grid-template-columns:1fr}.login-card{padding:25px}.contact-row{grid-template-columns:105px 1fr 35px}.toast-stack{left:14px;right:14px}.toast{min-width:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.import-page{display:grid;gap:20px}.import-mode-notice{margin:0}.import-upload-card{padding:22px;display:grid;gap:16px}.import-type-switch,.export-format-switch{display:inline-flex;width:fit-content;padding:4px;border-radius:12px;background:#eef3f9}.import-type-switch button,.export-format-switch button{border:0;padding:9px 16px;border-radius:9px;color:var(--muted);background:transparent;font-weight:650;cursor:pointer;transition:.2s ease}.import-type-switch button.active,.export-format-switch button.active{color:#fff;background:linear-gradient(135deg,#2366aa,#143f75);box-shadow:0 6px 14px #164a8033}.import-dropzone{width:100%;min-height:180px;border:1.5px dashed #9cb8d7;border-radius:18px;background:linear-gradient(145deg,#ecf6ffe6,#f8fcfffa);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text);cursor:pointer;transition:.25s ease}.import-dropzone:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 14px 34px #1f5c991a}.import-dropzone>span{width:52px;height:52px;display:grid;place-items:center;color:#fff;border-radius:15px;background:linear-gradient(145deg,#2b78bf,#184c82);box-shadow:0 10px 24px #16528b3d}.import-dropzone strong{font-size:16px}.import-dropzone small{color:var(--muted)}.import-dropzone input{display:none}.import-upload-actions{display:flex;align-items:center;gap:14px}.import-upload-actions>span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.import-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.import-mapping-card{padding:0 22px 22px}.mapping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mapping-grid label{display:grid;gap:6px}.mapping-grid label>span{color:#526477;font-size:12px;font-weight:650}.mapping-grid select{width:100%;height:42px;border:1px solid var(--border);border-radius:10px;padding:0 11px;background:#fff;color:var(--text)}.import-preview-table{min-width:1080px}.import-preview-table th:first-child{width:68px}.import-messages{min-width:240px;color:var(--muted);font-size:12px}.export-options{display:grid;gap:18px}.export-column-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.export-column-grid label{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#f9fbfd;cursor:pointer}.export-column-grid input{accent-color:var(--blue)}@media(max-width:1100px){.import-stats,.mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.import-stats,.mapping-grid,.export-column-grid{grid-template-columns:1fr}.import-upload-actions{align-items:flex-start;flex-direction:column}}@media(max-width:860px){.app-shell-collapsed{--sidebar: 220px}.app-shell:before{left:0}.sidebar-collapse{display:none}.floating-create{top:auto;right:16px;bottom:18px;height:48px}.filter-region{min-width:180px}.search-select-menu{position:fixed;inset:auto 14px 78px;width:auto;max-height:55vh}.search-select-options{max-height:40vh}}