@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#172a25;--muted:#5f716a;--soft:#f3f6f4;--line:#e2e9e5;--green-900:#173f36;--green-800:#205747;--green-700:#2f7561;--green-600:#3e8b74;--green-100:#e5f1ed;--amber:#b87924;--amber-soft:#fff3df;--red:#c1534c;--red-soft:#fff0ee;--blue:#4679a8;--blue-soft:#eaf2f9;--shadow:0 12px 34px #18372e12}*{box-sizing:border-box}html{background:#edf2ef}body{color:var(--ink);background:var(--soft);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif;font-size:13px;line-height:1.5}button,input,select{font:inherit}button{color:inherit}button,select{cursor:pointer}.app-shell{min-height:100vh}.sidebar{z-index:20;color:#fff;background:radial-gradient(circle at 120% 5%,#75bca133,#0000 28%),linear-gradient(#163f36 0%,#12352e 100%);flex-direction:column;width:248px;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.sidebar:after{content:"";pointer-events:none;border:1px solid #ffffff0d;border-radius:50%;width:220px;height:220px;position:absolute;bottom:110px;left:-75px;box-shadow:0 0 0 32px #ffffff05,0 0 0 68px #ffffff03}.brand,.mobile-brand{align-items:center;gap:12px;display:flex}.brand{z-index:1;padding:0 10px 30px;position:relative}.brand-mark{background:linear-gradient(145deg,#7ac0a4,#3e8b74);border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 1px #ffffff40,0 8px 20px #00000029}.brand-mark span{font-family:STKaiti,KaiTi,serif;font-size:23px;font-weight:700}.brand strong{letter-spacing:2px;font-family:STKaiti,KaiTi,serif;font-size:21px;display:block}.brand>div:last-child>span{color:#ffffff87;letter-spacing:2px;margin-top:3px;font-size:13px;display:block}.nav-label{color:#ffffff61;letter-spacing:2px;margin:0 0 9px;padding:0 14px;font-size:13px}.main-nav{z-index:1;position:relative}.nav-item{color:#ffffffad;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;min-height:58px;margin:4px 0;padding:9px 12px;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:linear-gradient(105deg,#66b1944d,#569a8021);box-shadow:inset 3px 0 #82c4aa}.nav-icon{color:#fffc;background:#ffffff0f;border-radius:8px;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.nav-item.active .nav-icon{color:#c8ecde;background:#a4dac424}.nav-item>span:nth-child(2){flex:1}.nav-item strong,.nav-item small{display:block}.nav-item strong{font-size:14px;font-weight:600}.nav-item small{color:#ffffff5c;margin-top:3px;font-size:13px}.nav-item em{color:#ddf6ec;background:#89cbb233;border-radius:20px;place-items:center;min-width:21px;height:21px;padding:0 5px;font-size:13px;font-style:normal;display:grid}.sidebar-bottom{z-index:1;margin-top:auto;position:relative}.rule-card{background:#ffffff0b;border:1px solid #ffffff14;border-radius:12px;align-items:flex-start;gap:10px;margin:0 2px 16px;padding:14px;display:flex}.rule-icon{color:#8dd0b5;background:#80c9ab1f;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.rule-card div{flex:1}.rule-card strong{font-size:12px}.rule-card p{color:#ffffff73;margin:5px 0 0;font-size:13px;line-height:1.7}.rule-card button,.user-card button{color:#ffffff80;background:0 0;border:0;padding:4px}.user-card{border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:14px 10px 0;display:flex}.user-card>div{flex:1}.user-card strong,.user-card span{display:block}.user-card strong{font-size:12px}.user-card span{color:#ffffff6b;margin-top:3px;font-size:13px}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff2e}.avatar.small{width:26px;height:26px;font-size:13px}.avatar.large{width:36px;height:36px;font-size:13px}.user-card .avatar{color:#fff;place-items:center;margin-top:0;line-height:1;display:inline-grid}.main-content{min-height:100vh;margin-left:248px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:15;background:#ffffffe0;justify-content:space-between;align-items:center;height:68px;padding:0 34px;display:flex;position:sticky;top:0}.breadcrumb{align-items:center;gap:9px;font-size:12px;display:flex}.breadcrumb span{color:#91a099}.breadcrumb b{color:#c7d0cb;font-weight:400}.breadcrumb strong{font-weight:600}.top-actions{align-items:center;gap:14px;display:flex}.demo-pill{color:#6e7f78;background:#f3f7f5;border:1px solid #e4ebe7;border-radius:20px;align-items:center;gap:7px;padding:7px 11px;font-size:13px;display:flex}.demo-pill i{background:#5fa88c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #5fa88c1f}.icon-button{border:1px solid var(--line);background:#fff;border-radius:10px;width:34px;height:34px;position:relative}.icon-button span{background:var(--red);border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.mobile-brand{display:none}.page-container{max-width:1500px;margin:0 auto;padding:30px 34px 48px}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;min-height:77px;margin-bottom:24px;display:flex}.eyebrow,.section-label{color:var(--green-600);letter-spacing:1.6px;text-transform:uppercase;font-size:13px;font-weight:700}.page-heading h1{letter-spacing:1px;margin:7px 0;font-family:STKaiti,KaiTi,serif;font-size:28px;line-height:1.1}.page-heading p{color:var(--muted);margin:0;font-size:12px}.heading-actions{gap:10px;padding-top:17px;display:flex}.button{border:1px solid #0000;border-radius:9px;min-height:38px;padding:0 16px;font-size:12px;font-weight:600;transition:all .2s}.button.primary{color:#fff;background:var(--green-700);box-shadow:0 5px 12px #2f75612b}.button.primary:hover{background:var(--green-800);transform:translateY(-1px)}.button.secondary{background:#fff;border-color:#dce5e0}.button.secondary:hover{border-color:#a9bdb4}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:18px;display:grid}.hero-card{color:#fff;background:linear-gradient(104deg,#154137f7,#236450ed),repeating-linear-gradient(45deg,#0000,#0000 12px,#ffffff08 13px);border-radius:18px;grid-column:1/-1;min-height:260px;padding:40px 44px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #13453729}.hero-card:before{content:"";border:1px solid #ffffff1a;border-radius:50%;width:320px;height:320px;position:absolute;top:-135px;right:-80px;box-shadow:0 0 0 48px #ffffff05,0 0 0 96px #ffffff03}.hero-card>div:first-child{z-index:2;width:56%;position:relative}.hero-kicker{color:#c4e3d7;background:#ffffff14;border:1px solid #ffffff17;border-radius:20px;padding:6px 10px;font-size:13px;display:inline-flex}.hero-card h2{letter-spacing:1px;margin:18px 0 12px;font-family:STKaiti,KaiTi,serif;font-size:36px;line-height:1.2}.hero-card h2 em{color:#9ed5bf;font-style:normal}.hero-card p{color:#ffffff9e;max-width:470px;margin:0;font-size:12px;line-height:1.75}.hero-card>div>button{color:#183e35;background:#dff2ea;border:0;border-radius:8px;margin-top:23px;padding:9px 14px;font-size:13px;font-weight:700}.hero-card>div>button span{margin-left:12px}.hero-visual{flex:1;min-height:180px;position:relative}.calendar-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#ffffff36,#ffffff14);border:1px solid #ffffff2e;border-radius:15px;width:145px;height:162px;padding:19px;position:absolute;top:5px;right:78px;transform:rotate(3deg);box-shadow:0 20px 45px #0003}.calendar-card:before,.calendar-card:after{content:"";background:#a6dbc6;border-radius:8px;width:8px;height:22px;position:absolute;top:-9px}.calendar-card:before{left:30px}.calendar-card:after{right:30px}.calendar-head span,.calendar-head strong{text-align:center;display:block}.calendar-head span{color:#ffffff8c;letter-spacing:3px;font-size:12px}.calendar-head strong{margin-top:4px;font-family:Georgia,serif;font-size:42px;line-height:1}.calendar-lines{flex-direction:column;gap:6px;margin-top:15px;display:flex}.calendar-lines i{background:#ffffff24;border-radius:3px;height:3px}.calendar-lines i:nth-child(2){width:76%}.calendar-lines i:nth-child(3){width:54%}.calendar-check{color:#194638;background:#9dd7bf;border:5px solid #245e4d;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid;position:absolute;bottom:-12px;right:-12px}.floating-note{color:#ffffffa6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0c31288c;border:1px solid #ffffff21;border-radius:9px;align-items:center;gap:7px;min-width:114px;padding:9px 11px;font-size:12px;display:flex;position:absolute;box-shadow:0 12px 30px #00000024}.floating-note i{background:#f3bc68;border-radius:50%;width:6px;height:6px}.floating-note strong{color:#fff;margin-left:auto;font-size:14px}.note-one{top:24px;right:0}.note-two{bottom:3px;right:186px}.note-two i{background:#80cfb0}.orbit{border:1px solid #ffffff14;border-radius:50%;position:absolute}.orbit-one{width:270px;height:270px;top:-48px;right:20px}.orbit-two{width:210px;height:210px;top:-20px;right:52px}.metrics-row{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric-card{background:#fff;border:1px solid #e5ebe7;border-radius:14px;align-items:center;gap:15px;min-height:116px;padding:20px;display:flex;box-shadow:0 5px 18px #1c3c3209}.metric-icon{border-radius:11px;place-items:center;width:40px;height:40px;font-family:STKaiti,KaiTi,serif;font-size:16px;font-weight:700;display:grid}.metric-icon.teal{color:var(--green-700);background:var(--green-100)}.metric-icon.amber{color:var(--amber);background:var(--amber-soft)}.metric-icon.blue{color:var(--blue);background:var(--blue-soft)}.metric-icon.red{color:var(--red);background:var(--red-soft)}.metric-card>div:last-child{flex:1;grid-template-columns:1fr auto;align-items:center;display:grid}.metric-card span{color:var(--muted);font-size:13px}.metric-card strong{grid-area:1/2/span 2;font-family:Georgia,serif;font-size:28px;font-weight:500}.metric-card small{color:#8c9a94;margin-top:8px;font-size:12px}.panel{box-shadow:var(--shadow);background:#fff;border:1px solid #e4ebe7;border-radius:15px}.priority-panel{grid-row:span 2}.panel-header{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;min-height:75px;padding:18px 22px 14px;display:flex}.panel-header h3{margin:5px 0 0;font-size:15px;font-weight:700}.panel-header>button{color:var(--green-700);background:0 0;border:0;padding:5px 0;font-size:13px}.panel-header>button span{margin-left:5px}.task-list{padding:2px 18px 10px}.task-item{text-align:left;background:0 0;border:0;border-bottom:1px solid #eef2f0;align-items:center;gap:13px;width:100%;padding:14px 5px;display:flex}.task-item:last-child{border-bottom:0}.task-item:hover .task-main strong{color:var(--green-700)}.task-date{border-radius:9px;align-content:center;place-items:center;width:40px;height:43px;display:grid}.task-date strong{font-family:Georgia,serif;font-size:16px;line-height:1}.task-date small{margin-top:3px;font-size:12px}.task-date.danger{color:var(--red);background:var(--red-soft)}.task-date.warning{color:var(--amber);background:var(--amber-soft)}.task-date.teal{color:var(--green-700);background:var(--green-100)}.task-main{flex:1;min-width:0}.task-main strong,.task-main small{display:block}.task-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;transition:color .2s;overflow:hidden}.task-main small{color:#899790;margin-top:5px;font-size:12px}.task-arrow{color:#b0bcb6;font-size:19px}.status{white-space:nowrap;border-radius:16px;align-items:center;gap:5px;width:max-content;padding:5px 8px;font-size:12px;display:inline-flex}.status-dot{border-radius:50%;width:5px;height:5px}.status.danger{color:#b84640;background:var(--red-soft)}.status.danger .status-dot{background:var(--red)}.status.warning{color:#a36919;background:var(--amber-soft)}.status.warning .status-dot{background:#d39742}.status.success{color:#25705b;background:var(--green-100)}.status.success .status-dot{background:var(--green-600)}.status.neutral{color:#61736c;background:#edf2ef}.status.neutral .status-dot{background:#809189}.progress-panel,.team-panel{min-width:0}.more-button{letter-spacing:2px;color:#93a29b!important}.progress-wrap{align-items:center;gap:24px;padding:24px 24px 17px;display:flex}.ring{--progress:72%;background:conic-gradient(var(--green-600) var(--progress), #ebf0ed 0);border-radius:50%;flex:none;place-items:center;width:102px;height:102px;padding:11px;display:grid}.ring>div{background:#fff;border-radius:50%;align-content:center;place-items:center;width:100%;height:100%;display:grid}.ring strong{font-family:Georgia,serif;font-size:22px}.ring span{color:#89968f;margin-top:2px;font-size:12px}.progress-legend{flex:1}.progress-legend>div{border-bottom:1px dashed #e4ebe7;justify-content:space-between;padding:7px 0;font-size:12px;display:flex}.progress-legend>div:last-child{border:0}.progress-legend span{color:#76867f}.progress-legend strong{font-size:13px}.legend-dot{border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.legend-dot.paid{background:var(--green-600)}.legend-dot.following{background:#e4a74d}.legend-dot.pending{background:#d7dfdb}.panel-cta{width:calc(100% - 40px);color:var(--green-700);background:#f7faf8;border:1px solid #dfe8e3;border-radius:8px;margin:0 20px 18px;padding:9px;font-size:13px}.panel-cta span{margin-left:10px}.team-list{padding:10px 22px 13px}.team-row{align-items:center;gap:10px;padding:9px 0;display:flex}.team-info{flex:1;min-width:0}.team-info>div:first-child{justify-content:space-between;font-size:12px;display:flex}.team-info strong{font-size:13px}.team-info span{color:#85948d}.team-info em{color:var(--amber);font-style:normal}.mini-progress{background:#edf1ef;border-radius:4px;height:3px;margin-top:7px;overflow:hidden}.mini-progress i{background:linear-gradient(90deg, var(--green-700), #73b49b);border-radius:4px;height:100%;display:block}.data-panel{overflow:hidden}.filter-bar{border-bottom:1px solid var(--line);background:#fbfcfb;align-items:flex-end;gap:12px;padding:18px 20px;display:flex}.search-box{background:#fff;border:1px solid #dce5e0;border-radius:9px;align-items:center;gap:9px;width:min(360px,34%);height:40px;padding:0 13px;display:flex}.search-box span{color:#899790;font-size:18px}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.search-box input::placeholder{color:#a1ada7}.select-wrap{color:#76867f;flex-direction:column;gap:5px;font-size:12px;display:flex}.select-wrap select{min-width:135px;height:40px;color:var(--ink);background:#fff;border:1px solid #dce5e0;border-radius:9px;outline:0;padding:0 30px 0 12px;font-size:13px}.select-wrap.compact select{height:34px}.reset-button{height:40px;color:var(--green-700);background:0 0;border:0;padding:0 5px;font-size:13px}.table-meta{justify-content:space-between;align-items:center;min-height:67px;padding:14px 20px;display:flex}.table-meta strong,.table-meta span{display:block}.table-meta strong{font-size:13px}.table-meta span{color:#8a9891;margin-top:5px;font-size:12px}.table-meta button{color:#76867f;background:0 0;border:0;font-size:13px}.table-scroll{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;table-layout:auto;width:100%}.data-table th{color:#7d8c85;text-align:left;white-space:nowrap;background:#f5f8f6;border-top:1px solid #e8eeeb;border-bottom:1px solid #e8eeeb;height:40px;padding:0 14px;font-size:12px;font-weight:600}.data-table th:first-child,.data-table td:first-child{padding-left:20px}.data-table th:last-child,.data-table td:last-child{padding-right:20px}.data-table td{vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf1ef;height:68px;padding:9px 14px;font-size:13px}.customer-table tbody tr{cursor:pointer;transition:background .15s}.customer-table tbody tr:hover{background:#f9fbfa}.customer-cell{align-items:center;gap:11px;min-width:250px;display:flex}.company-logo{width:35px;height:35px;color:var(--green-700);background:linear-gradient(145deg,#ecf5f1,#d9ebe4);border:1px solid #d9e8e2;border-radius:9px;flex:none;place-items:center;font-family:STKaiti,KaiTi,serif;font-size:15px;font-weight:700;display:inline-grid}.company-logo.large{border-radius:13px;width:52px;height:52px;font-size:22px}.customer-cell strong,.customer-cell small{display:block}.customer-cell strong{font-size:13px;font-weight:600}.customer-cell small{color:#96a29c;letter-spacing:.3px;margin-top:5px;font-size:12px}.tag{color:#536a61;background:#eef3f0;border-radius:5px;padding:5px 8px;font-size:12px}.accountant-cell{align-items:center;gap:7px;display:inline-flex}.date-range{color:#51635c;font-size:12px;font-weight:500}.fee-date{color:#53655d;align-items:center;gap:6px;font-size:12px;display:inline-flex}.fee-date i{background:#78a994;border-radius:50%;width:5px;height:5px}.fee-date.overdue{color:#b74f48}.fee-date.overdue i{background:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.row-action{color:#83938b;background:#fff;border:1px solid #e1e8e4;border-radius:7px;width:27px;height:27px;font-size:17px}.table-footer{color:#89978f;justify-content:space-between;align-items:center;min-height:62px;padding:12px 20px;font-size:12px;display:flex}.table-footer div{gap:5px;display:flex}.table-footer button{background:#fff;border:1px solid #e1e8e4;border-radius:6px;min-width:27px;height:27px;padding:0 6px;font-size:12px}.table-footer button.active{color:#fff;background:var(--green-700);border-color:var(--green-700)}.table-footer button:disabled{color:#c5cdc9;cursor:default}.empty-state{color:#8b9892;text-align:center;place-items:center;padding:70px 20px;display:grid}.empty-state>span{width:44px;height:44px;color:var(--green-700);background:var(--green-100);border-radius:50%;place-items:center;margin-bottom:12px;font-size:20px;display:grid}.empty-state strong{color:var(--ink);font-size:13px}.empty-state p{margin:7px 0 14px;font-size:13px}.empty-state button{color:var(--green-700);background:#fff;border:1px solid #d9e6e0;border-radius:7px;padding:7px 12px;font-size:13px}.contract-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.contract-summary article{background:#fff;border:1px solid #e4ebe7;border-radius:13px;align-items:center;gap:14px;min-height:102px;padding:18px 20px;display:flex}.summary-icon{border-radius:11px;place-items:center;width:40px;height:40px;font-size:17px;font-weight:700;display:grid}.summary-icon.danger{color:var(--red);background:var(--red-soft)}.summary-icon.warning{color:var(--amber);background:var(--amber-soft)}.summary-icon.teal{color:var(--green-700);background:var(--green-100)}.contract-summary article div{grid-template-columns:auto 1fr;align-items:end;column-gap:8px;display:grid}.contract-summary article strong{grid-row:1/span 2;font-family:Georgia,serif;font-size:26px;font-weight:500}.contract-summary article span{color:#52655c;font-size:13px;font-weight:600}.contract-summary article small{color:#929f99;margin-top:4px;font-size:12px}.tabs-filter{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:67px;padding:14px 20px;display:flex}.segmented{background:#f1f5f3;border-radius:9px;gap:2px;padding:3px;display:flex}.segmented button{color:#72817a;background:0 0;border:0;border-radius:7px;height:31px;padding:0 11px;font-size:12px}.segmented button span{color:#8a9891;background:#0000000a;border-radius:10px;margin-left:5px;padding:1px 5px;font-size:12px}.segmented button.active{color:var(--green-800);background:#fff;font-weight:700;box-shadow:0 2px 7px #1c413614}.segmented button.active span{color:#fff;background:var(--green-700)}.reminder-list{flex-direction:column;gap:10px;padding:16px;display:flex}.reminder-card{background:#fff;border:1px solid #e5ebe7;border-radius:11px;align-items:stretch;min-height:110px;display:flex;overflow:hidden}.reminder-card.overdue{border-color:#f0d7d3}.reminder-card.urgent{border-color:#eadfc9}.days-block{flex:none;align-content:center;place-items:center;width:96px;padding:15px 10px;display:grid}.days-block.danger{color:var(--red);background:#fff8f7}.days-block.warning{color:var(--amber);background:#fffbf4}.days-block.neutral{color:#73847b;background:#f7f9f8}.days-block>span{font-size:12px}.days-block>strong{margin:3px 0;font-family:Georgia,serif;font-size:26px;font-weight:500;line-height:1}.days-block>strong small{margin-left:2px;font-family:inherit;font-size:12px}.days-block>em{font-size:12px;font-style:normal}.reminder-main{flex:1;min-width:0;padding:17px 20px}.reminder-title{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.reminder-title strong,.reminder-title span{display:block}.reminder-title strong{font-size:12px}.reminder-title span{color:#8a9891;margin-top:5px;font-size:12px}.reminder-meta{color:#87958e;flex-wrap:wrap;gap:10px 22px;margin-top:15px;font-size:12px;display:flex}.reminder-meta>span{align-items:center;gap:5px;display:flex}.reminder-meta strong{color:#596a62;font-weight:500}.reminder-meta .attention strong{color:var(--red)}.reminder-actions{border-left:1px solid #edf1ef;flex-direction:column;justify-content:center;gap:7px;min-width:105px;padding:17px;display:flex}.reminder-actions button{background:#fff;border:1px solid #dfe7e3;border-radius:7px;padding:7px 9px;font-size:12px}.reminder-actions .primary-link{color:#fff;border-color:var(--green-700);background:var(--green-700)}.collection-banner{color:#fff;background:radial-gradient(circle at 90% 0,#83c9ae33,#0000 30%),linear-gradient(105deg,#19483d,#286a57);border-radius:14px;grid-template-columns:1fr 1fr auto;align-items:center;gap:35px;min-height:116px;margin-bottom:16px;padding:23px 27px;display:grid}.collection-banner>div:first-child{grid-template-columns:auto 1fr;align-items:end;display:grid}.collection-banner>div:first-child span{color:#ffffff91;grid-column:1/-1;margin-bottom:4px;font-size:12px}.collection-banner>div:first-child strong{font-family:Georgia,serif;font-size:27px;font-weight:500}.collection-banner>div:first-child small{color:#ffffff73;padding:0 0 4px 10px;font-size:12px}.banner-bars>span{background:#ffffff26;border-radius:6px;height:6px;display:block;position:relative}.banner-bars>span i{background:#9bd4bc;border-radius:6px;height:100%;display:block}.banner-bars>span em{color:#bde4d4;font-size:12px;font-style:normal;position:absolute;bottom:12px;right:0}.banner-bars p{color:#ffffff85;margin:9px 0 0;font-size:12px}.banner-note{background:#ffffff12;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:9px;padding:11px 14px;display:flex}.banner-note>span{color:#163f35;background:#a4d7c2;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:700;display:grid}.banner-note p{margin:0}.banner-note strong,.banner-note small{display:block}.banner-note strong{font-size:12px}.banner-note small{color:#ffffff7a;margin-top:4px;font-size:12px}.refresh-note{color:#95a19b;font-size:12px}.collection-table{min-width:1020px}.customer-link{max-width:240px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;font-size:13px;font-weight:600;overflow:hidden}.customer-link:hover{color:var(--green-700)}.amount{font-family:Georgia,serif;font-size:12px;font-weight:600}.follow-up,.note-text{color:#77877f;font-size:12px}.note-text{text-overflow:ellipsis;max-width:170px;display:block;overflow:hidden}.status-select{border:0;border-radius:16px;outline:none;height:28px;padding:0 22px 0 9px;font-size:12px}.status-select.danger{color:#b84640;background:var(--red-soft)}.status-select.warning{color:#a36919;background:var(--amber-soft)}.status-select.success{color:#25705b;background:var(--green-100)}.drawer-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10231d52;justify-content:flex-end;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.drawer{background:#fff;flex-direction:column;width:min(520px,92vw);height:100%;animation:.22s slideIn;display:flex;overflow-y:auto;box-shadow:-18px 0 50px #112c2326}@keyframes fadeIn{0%{opacity:0}}@keyframes slideIn{0%{opacity:.6;transform:translate(30px)}}.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:67px;padding:0 24px;display:flex}.drawer-header span,.drawer-header strong{display:block}.drawer-header span{font-size:13px;font-weight:700}.drawer-header strong{color:#8d9a94;letter-spacing:.5px;margin-top:4px;font-size:12px;font-weight:400}.drawer-header button{background:#fff;border:1px solid #e0e7e3;border-radius:8px;width:32px;height:32px;font-size:20px;line-height:1}.drawer-company{border-bottom:1px solid var(--line);background:linear-gradient(100deg,#f6faf8,#fff);align-items:center;gap:14px;padding:24px;display:flex}.drawer-company h2{margin:0 0 9px;font-family:STKaiti,KaiTi,serif;font-size:19px}.drawer-company p{gap:7px;margin:0;display:flex}.drawer-section{border-bottom:1px solid var(--line);padding:21px 24px}.drawer-section-title{justify-content:space-between;margin-bottom:17px;display:flex}.drawer-section-title span{font-size:13px;font-weight:700}.drawer-section-title button{color:var(--green-700);background:0 0;border:0;padding:0;font-size:12px}.details-grid{grid-template-columns:1fr 1fr;gap:17px 25px;margin:0;display:grid}.details-grid>div.wide{grid-column:1/-1}.details-grid dt{color:#8b9892;margin-bottom:6px;font-size:12px}.details-grid dd{color:#45594f;margin:0;font-size:13px;font-weight:500}.responsible-card{background:#f6f9f7;border:1px solid #e5ebe7;border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:12px;display:flex}.responsible-card div{flex:1}.responsible-card span,.responsible-card strong{display:block}.responsible-card span{color:#8d9a94;font-size:12px}.responsible-card strong{margin-top:4px;font-size:13px}.responsible-card em{color:var(--green-700);background:var(--green-100);border-radius:12px;padding:4px 7px;font-size:12px;font-style:normal}.service-details{padding:0 3px}.timeline-note{gap:12px;display:flex}.timeline-note i{background:var(--green-600);box-sizing:content-box;border:2px solid #dff0e9;border-radius:50%;width:8px;height:8px;margin-top:2px}.timeline-note strong,.timeline-note span{display:block}.timeline-note strong{color:#50635a;font-size:12px;font-weight:500;line-height:1.6}.timeline-note span{color:#97a39d;margin-top:7px;font-size:12px}.drawer-footer{border-top:1px solid var(--line);background:#fff;gap:10px;margin-top:auto;padding:16px 24px;display:flex;position:sticky;bottom:0}.drawer-footer button{background:#fff;border:1px solid #dce5e0;border-radius:8px;flex:1;min-height:39px;font-size:13px;font-weight:600}.drawer-footer button.primary{color:#fff;border-color:var(--green-700);background:var(--green-700)}.drawer-footer small{color:#99702d;background:var(--amber-soft);border-radius:3px;margin-left:4px;padding:2px 4px;font-size:12px}.toast{z-index:80;color:#fff;background:#173f36;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:9px;padding:11px 16px;font-size:13px;animation:.22s toastIn;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #12362d40}.toast span{color:#174438;background:#9bd4bd;border-radius:50%;place-items:center;width:17px;height:17px;font-size:13px;display:grid}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}}.mobile-nav{display:none}.key-account-page{flex-direction:column;gap:17px;display:flex}.key-account-hero{color:#fff;background:radial-gradient(circle at 82% 0,#e1c17a40,#0000 32%),linear-gradient(115deg,#173f36,#245f51 64%,#347562);border-radius:13px;grid-template-columns:minmax(260px,.9fr) minmax(340px,1.25fr) auto;align-items:center;gap:22px;min-height:142px;padding:22px 25px;display:grid;overflow:hidden;box-shadow:0 14px 34px #18483c2b}.key-owner,.next-care{align-items:center;gap:13px;display:flex}.key-owner{border-right:1px solid #ffffff21;padding-right:20px}.key-owner>div,.next-care>div:last-child{min-width:0}.key-owner span,.next-care span{color:#ffffffa8;font-size:12px}.key-owner strong,.next-care strong{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 5px;font-size:13px;display:block;overflow:hidden}.key-owner p,.next-care p{color:#ffffffa8;margin:0;font-size:12px}.next-care p b{color:#f7d88c;font-size:13px}.gift-box{color:#7b5627;background:linear-gradient(145deg,#f5d991,#d9ad56);border-radius:5px 5px 9px 9px;flex:none;place-items:center;width:51px;height:45px;font-weight:800;display:grid;position:relative;box-shadow:0 8px 18px #0f2e263d}.gift-box:before{content:"";background:#8b572033;width:7px;position:absolute;top:0;bottom:0;left:22px}.gift-box i{border:5px solid #e7bf68;border-radius:50% 50% 0 0;width:21px;height:16px;position:absolute;top:-11px;left:15px}.gift-box span{z-index:1;color:#744b20;font-size:14px;position:relative}.key-account-hero>button{color:#e5f2ed;cursor:pointer;background:#ffffff14;border:1px solid #ffffff21;border-radius:8px;padding:9px 11px;font-size:12px}.key-account-hero>button span{margin-left:5px;font-size:15px}.key-metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.key-metrics article{border:1px solid var(--line);min-height:91px;box-shadow:var(--shadow-soft);background:#fff;border-radius:11px;align-items:center;gap:12px;padding:15px 17px;display:flex}.key-metric-icon{color:#2e715c;background:#e8f4ef;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.key-metric-icon.amber{color:#996826;background:#faf1df}.key-metric-icon.blue{color:#4d7297;background:#eaf1f7}.key-metric-icon.purple{color:#765d91;background:#f0eaf5}.key-metrics small,.key-metrics p,.key-metrics strong{display:block}.key-metrics small{color:var(--muted);font-size:12px}.key-metrics strong{color:var(--ink);margin:1px 0;font-size:20px}.key-metrics p{color:#98a29e;margin:0;font-size:12px}.key-table-wrap{overflow-x:auto}.key-table{border-collapse:collapse;color:#40524a;width:100%;font-size:12px}.key-table th,.key-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf1ef;padding:13px 14px}.key-table th{color:#839089;background:#fbfcfb;font-size:12px}.key-table tbody tr:hover{background:#fafcfb}.key-customer-name{text-align:left;cursor:pointer;background:0 0;border:0;min-width:205px;padding:0}.key-customer-name strong,.key-customer-name span{display:block}.key-customer-name strong{color:var(--ink);font-size:13px}.key-customer-name span{color:var(--muted);margin-top:4px;font-size:12px}.key-level{color:#7f6126;background:linear-gradient(145deg,#fff7dd,#f2dfaa);border:1px solid #ebd38d;border-radius:6px;place-items:center;min-width:29px;padding:5px 6px;font-weight:800;display:inline-grid}.key-level.level-Aplus{color:#675024;background:linear-gradient(145deg,#f8df95,#e2b953);border-color:#d6ac48}.register-date,.register-date small{display:block}.register-date{color:#3f534b;font-variant-numeric:tabular-nums}.register-date small{color:#9aa49f;margin-top:4px;font-size:12px}.anniversary-cell{align-items:center;gap:9px;min-width:148px;display:flex}.anniversary-date{color:#4a7566;background:#eef6f3;border-radius:7px;padding:7px 8px;font-weight:700}.anniversary-cell>div strong,.anniversary-cell>div small{display:block}.anniversary-cell>div strong{color:#52665e}.anniversary-cell>div small{color:#9aa49f;margin-top:3px;font-size:12px}.anniversary-cell.urgent .anniversary-date{color:#995e22;background:#fbefda;box-shadow:inset 0 0 0 1px #f0dbb1}.anniversary-cell.urgent>div strong{color:#ae6823}.gift-plan{align-items:center;gap:8px;min-width:135px;display:flex}.gift-plan>span{color:#855f2f;background:#f8ecd3;border-radius:7px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.gift-plan strong,.gift-plan small{display:block}.gift-plan strong{color:#41534c;font-size:12px}.gift-plan small{color:#98a29e;margin-top:3px;font-size:12px}.gift-status-select{color:#6f642d;background:#fbf4df;border:1px solid #eadcae;border-radius:7px;min-width:88px;height:31px;padding:0 25px 0 9px;font-size:12px;font-weight:700}.gift-status-select.status-准备中{color:#90611f;background:#faefdc;border-color:#ecd3a5}.gift-status-select.status-已送达,.gift-status-select.status-已完成{color:#34705c;background:#eaf5f0;border-color:#cce4da}.gift-status-select.status-暂不安排{color:#6d7773;background:#f0f3f2;border-color:#dfe5e2}.care-history-panel{margin-top:0}.care-history-table td:last-child{min-width:230px}.care-result{color:#826421;background:#fbf3df;border-radius:6px;align-items:center;min-height:25px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.care-result.result-已完成{color:#34705c;background:#eaf5f0}.care-result.result-暂不安排{color:#68756f;background:#eef2f0}.key-table-footer{color:var(--muted);background:#fafcfb;justify-content:space-between;align-items:center;padding:11px 16px;font-size:12px;display:flex}.key-table-footer p{margin:0}.key-table-footer i{background:#cf8a36;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.task-date.vip{color:#7d5e25;background:linear-gradient(145deg,#fff3cf,#f2dda2)}.vip-task-badge{color:#7f6128;background:#fbf1d6;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.system-tool-page,.import-page{flex-direction:column;gap:18px;display:flex}.tool-summary-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.tool-summary-card{border:1px solid var(--line);min-height:116px;box-shadow:var(--shadow-soft);background:#fff;border-radius:12px;padding:18px 20px;position:relative;overflow:hidden}.tool-summary-card:after{content:"";background:var(--summary-color);border-radius:50%;width:76px;height:76px;position:absolute;bottom:-25px;right:-20px}@supports (color:color-mix(in lab, red, red)){.tool-summary-card:after{background:color-mix(in srgb, var(--summary-color) 12%, transparent)}}.tool-summary-card span,.tool-summary-card small{color:var(--muted);font-size:13px;display:block}.tool-summary-card strong{color:var(--ink);letter-spacing:-.5px;margin:5px 0 4px;font-size:28px;display:block}.tool-summary-card.tone-1{--summary-color:#2f7d68;border-top:3px solid #2f7d68}.tool-summary-card.tone-2{--summary-color:#3f6f9b;border-top:3px solid #6e96ba}.tool-summary-card.tone-3{--summary-color:#bb7b2e;border-top:3px solid #d6a057}.tool-summary-card.tone-4{--summary-color:#735c8f;border-top:3px solid #9c84b8}.tool-panel,.import-stage-card{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;border-radius:13px}.tool-panel-head,.stage-heading{justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 22px 17px;display:flex}.tool-panel-head h2,.stage-heading h2{color:var(--ink);margin:3px 0 5px;font-size:17px}.tool-panel-head p,.stage-heading p{color:var(--muted);margin:0;font-size:13px}.demo-label{color:#7b6b3b;background:#faf6e9;border:1px solid #eee3bd;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.tool-filters{background:#f8faf9;border-top:1px solid #edf1ef;border-bottom:1px solid #edf1ef;align-items:center;gap:9px;padding:12px 22px;display:flex}.tool-search{color:#87958f;background:#fff;border:1px solid #dce5e1;border-radius:7px;align-items:center;gap:7px;width:min(330px,42%);height:34px;padding:0 10px;display:flex}.tool-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.tool-filters select,.mapping-table select{color:#40524a;background:#fff;border:1px solid #dce5e1;border-radius:7px;height:34px;padding:0 28px 0 10px;font-size:13px}.text-button{color:var(--green-700);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700}.team-table-wrap,.mapping-table-wrap,.validation-table-wrap{overflow-x:auto}.team-table,.mapping-table,.validation-table{border-collapse:collapse;color:#40524a;width:100%;font-size:13px}.team-table th,.team-table td,.mapping-table th,.mapping-table td,.validation-table th,.validation-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf1ef;padding:12px 14px}.team-table th,.mapping-table th,.validation-table th{color:#839089;background:#fbfcfb;font-size:12px;font-weight:700}.team-table tbody tr:hover,.mapping-table tbody tr:hover,.validation-table tbody tr:hover{background:#f9fbfa}.member-cell{align-items:center;gap:10px;display:flex}.member-cell>div{flex-direction:column;gap:3px;display:flex}.member-cell strong{color:var(--ink)}.member-cell span,.member-focus{color:var(--muted);font-size:12px}.pending-count{color:#8b6a31;background:#fbf3e3;border-radius:6px;padding:4px 7px;display:inline-block}.pending-count.hot{color:#a35245;background:#faece8}.load-cell{align-items:center;gap:8px;min-width:120px;display:flex}.load-cell>div{background:#e8efec;border-radius:99px;width:88px;height:5px;overflow:hidden}.load-cell>div span{border-radius:inherit;background:linear-gradient(90deg,#4c927c,#7cb5a2);height:100%;display:block}.load-cell small{color:var(--muted)}.online-status{color:#38725f;font-weight:700}.online-status i{background:#55a989;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.row-more{color:#697a73;cursor:pointer;background:#f4f7f6;border:1px solid #e4eae7;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.audit-banner{color:#fff;background:linear-gradient(115deg,#17493c,#286c5b 67%,#367f6b);border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;min-height:132px;padding:22px 26px;display:grid;box-shadow:0 14px 34px #18483c29}.audit-shield{color:#1c5c4c;background:#d8ede5;border:5px solid #ffffff38;border-radius:16px 16px 24px 24px;place-items:center;width:58px;height:64px;font-size:21px;font-weight:800;display:grid}.audit-banner span,.audit-banner p{color:#ffffffad;margin:0;font-size:12px;display:block}.audit-banner strong{margin:4px 0 7px;font-size:19px;display:block}.audit-today{text-align:center;background:#ffffff17;border:1px solid #ffffff1f;border-radius:10px;min-width:120px;padding:12px 18px}.audit-today small,.audit-today em{color:#ffffffb3;font-size:12px;font-style:normal;display:block}.audit-today b{margin:2px 0;font-size:28px;display:block}.audit-list{padding:2px 22px 10px}.audit-item{border-bottom:1px solid #edf1ef;grid-template-columns:14px 1fr auto;align-items:center;gap:12px;padding:14px 4px;display:grid;position:relative}.audit-item:last-child{border-bottom:0}.audit-dot{background:#6d9d8d;border:3px solid #dce9e4;border-radius:50%;width:10px;height:10px}.audit-dot.blue{background:#5f88ad;border-color:#dce8f1}.audit-dot.amber{background:#c58b43;border-color:#f2e6d4}.audit-dot.green{background:#4d987c;border-color:#dbece5}.audit-dot.purple{background:#80669f;border-color:#e8e1ef}.audit-dot.gray{background:#7a8781;border-color:#e3e7e5}.audit-main>div{color:var(--ink);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.audit-main p{color:#596a63;margin:5px 0 3px;font-size:13px}.audit-main small{color:#95a09b;font-size:12px}.audit-action{color:#3e6e5e;background:#edf5f1;border-radius:4px;padding:3px 6px;font-size:12px}.import-notice{color:#365f52;background:#edf6f2;border:1px solid #d6e9e1;border-radius:10px;gap:11px;padding:12px 15px;display:flex}.import-notice>span{color:#fff;background:#397964;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-family:Georgia,serif;font-weight:700;display:grid}.import-notice strong{margin-bottom:3px;font-size:13px;display:block}.import-notice p{color:#60756d;margin:0;font-size:12px}.import-steps{grid-template-columns:repeat(4,1fr);margin:0;padding:5px 7%;list-style:none;display:grid}.import-steps li{color:#9aa49f;align-items:center;gap:8px;font-size:12px;display:flex;position:relative}.import-steps li:not(:last-child):after{content:"";z-index:-1;background:#dce4e0;height:1px;position:absolute;top:13px;left:32px;right:8px}.import-steps li>span{background:#eef2f0;border:1px solid #dde4e1;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:800;display:grid}.import-steps li.active,.import-steps li.done{color:var(--green-700)}.import-steps li.active>span,.import-steps li.done>span{color:#fff;background:var(--green-700);border-color:var(--green-700);box-shadow:0 4px 12px #2b6f5b33}.import-steps li.done:not(:last-child):after{background:#68a18e}.import-layout{grid-template-columns:minmax(0,1.65fr) minmax(250px,.75fr);gap:16px;display:grid}.upload-card,.template-card{text-align:center;border:1px solid var(--line);min-height:345px;box-shadow:var(--shadow-soft);background:#fff;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex}.upload-card{background:linear-gradient(#fff,#fbfdfc);border:1px dashed #b9cdc5}.excel-mark{color:#fff;background:#3b8a69;border-radius:11px;grid-template-columns:30px 1fr;align-items:center;width:68px;height:68px;display:grid;overflow:hidden;box-shadow:0 9px 22px #2c745738}.excel-mark b{font-size:24px}.excel-mark span{color:#42705f;writing-mode:vertical-rl;background:#e5f2ed;align-self:stretch;place-items:center;font-size:12px;display:grid}.upload-card h2{color:var(--ink);margin:18px 0 6px;font-size:18px}.upload-card p,.template-card p,.upload-card>small{color:var(--muted);margin:0 0 16px;font-size:12px}.file-button{cursor:pointer;justify-content:center;align-items:center;min-width:158px;line-height:1;display:inline-flex;position:relative}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.demo-data-button{margin:10px 0 6px}.upload-card>small{color:#9aa5a0;margin:0;font-size:12px}.template-card{text-align:left;background:linear-gradient(145deg,#f4f9f7,#fff 62%);justify-content:flex-start;align-items:flex-start;position:relative}.template-kicker{color:#7b6937;background:#fff7da;border-radius:99px;padding:4px 7px;font-size:12px;font-weight:700;position:absolute;top:14px;right:14px}.template-icon{color:#fff;background:#347b63;border-radius:7px 7px 12px;place-items:center;width:43px;height:50px;font-size:17px;font-weight:800;display:grid;box-shadow:0 7px 16px #2b6d572e}.template-card h3{color:var(--ink);margin:15px 0 8px;font-size:14px}.template-card ul{color:#567068;margin:0 0 18px;padding-left:16px;font-size:12px;line-height:2}.template-download{text-align:center;width:100%;margin-top:auto;text-decoration:none}.import-stage-card{overflow:hidden}.import-file-bar{background:#f4f8f6;border-bottom:1px solid #e2eae6;align-items:center;gap:11px;padding:12px 18px;display:flex}.mini-excel{color:#fff;background:#347b63;border-radius:5px;place-items:center;width:30px;height:34px;font-weight:800;display:grid}.import-file-bar>div:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.import-file-bar strong{color:var(--ink);font-size:13px}.import-file-bar span{color:var(--muted);font-size:12px}.import-file-bar button{color:var(--green-700);cursor:pointer;background:0 0;border:0;font-size:12px}.match-rate{color:#5f716a;background:#f2f7f5;border-radius:8px;min-width:102px;padding:9px 12px;font-size:12px}.match-rate b{color:#2d745e;font-size:15px}.mapping-table th:nth-child(2),.mapping-table td:nth-child(2){color:#9ba7a2;text-align:center;width:30px}.mapping-table select{min-width:170px}.map-status{color:#367760;background:#eaf5f0;border-radius:5px;padding:4px 7px;font-size:12px;font-weight:700;display:inline-block}.map-status.warning{color:#95661e;background:#fbf2df}.map-status.error{color:#a54f44;background:#faebe8}.stage-actions{background:#fafcfb;border-top:1px solid #edf1ef;justify-content:flex-end;gap:9px;padding:15px 20px;display:flex}.validation-summary{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 22px 18px;display:grid}.validation-summary>div{background:#f6faf8;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:30px 1fr;align-items:center;padding:13px;display:grid}.validation-summary span{color:#fff;background:#4d947b;border-radius:50%;grid-row:1/3;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.validation-summary strong{color:var(--ink);font-size:19px}.validation-summary small{color:var(--muted);font-size:12px}.validation-summary .warn{background:#fcf7ec}.validation-summary .warn span{background:#c48b38}.validation-summary .error{background:#fdf1ef}.validation-summary .error span{background:#bd6659}.import-success{text-align:center;border:1px solid var(--line);min-height:390px;box-shadow:var(--shadow-soft);background:#fff;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;padding:38px;display:flex}.success-check{color:#fff;background:linear-gradient(145deg,#3c896e,#67a58f);border:7px solid #e4f2ed;border-radius:50%;place-items:center;width:62px;height:62px;margin-bottom:15px;font-size:24px;font-weight:800;display:grid}.import-success h2{color:var(--ink);margin:5px 0 8px;font-size:20px}.import-success>p{max-width:470px;color:var(--muted);margin:0;font-size:12px}.success-stats{gap:12px;margin:22px 0;display:flex}.success-stats div{background:#f5f8f7;border-radius:8px;min-width:100px;padding:11px 18px}.success-stats strong,.success-stats span{display:block}.success-stats strong{color:var(--ink);font-size:20px}.success-stats span{color:var(--muted);font-size:12px}.success-actions{gap:9px;display:flex}@media (max-width:1180px){.key-account-hero{grid-template-columns:1fr 1.2fr}.key-account-hero>button{grid-column:1/-1}.key-metrics,.tool-summary-grid,.metrics-row{grid-template-columns:repeat(2,1fr)}.hero-card>div:first-child{width:60%}.dashboard-grid{grid-template-columns:1.2fr .8fr}.collection-banner{grid-template-columns:1fr 1fr}.banner-note{display:none}.reminder-meta{gap:8px 14px}}@media (max-width:960px){.sidebar{width:210px}.main-content{margin-left:210px}.page-container,.topbar{padding-left:22px;padding-right:22px}.hero-card{padding:34px}.hero-visual{opacity:.7}.dashboard-grid{grid-template-columns:1fr}.priority-panel{grid-row:auto}.search-box{width:100%}.filter-bar{flex-wrap:wrap}.contract-summary{grid-template-columns:1fr}}@media (max-width:720px){.key-account-hero{grid-template-columns:1fr;gap:16px;padding:20px}.key-owner{border-bottom:1px solid #ffffff21;border-right:0;padding:0 0 15px}.key-account-hero>button{grid-column:auto}.key-table-footer{flex-direction:column;align-items:flex-start;gap:5px}body{background:#f4f7f5}.sidebar{display:none}.main-content{margin-left:0;padding-bottom:76px}.topbar{height:60px;padding:0 16px}.mobile-brand{display:flex}.mobile-brand .brand-mark{border-radius:9px;width:32px;height:32px}.mobile-brand .brand-mark span{font-size:17px}.mobile-brand strong{letter-spacing:1px;font-family:STKaiti,KaiTi,serif;font-size:16px}.breadcrumb,.demo-pill{display:none}.page-container{padding:22px 14px 28px}.page-heading{margin-bottom:18px;display:block}.page-heading h1{font-size:25px}.page-heading p{line-height:1.6}.heading-actions{padding-top:15px}.heading-actions .button{flex:1}.hero-card{min-height:250px;padding:28px 24px}.hero-card>div:first-child{width:100%}.hero-card h2{font-size:31px}.hero-card p{max-width:88%}.hero-visual{opacity:.22;position:absolute;inset:0}.calendar-card{top:45px;right:16px}.note-one,.note-two{display:none}.metrics-row{grid-template-columns:1fr 1fr;gap:10px}.metric-card{gap:10px;min-height:102px;padding:14px}.metric-icon{width:34px;height:34px}.metric-card strong{font-size:22px}.metric-card small{display:none}.panel-header{padding:16px}.task-list{padding:2px 11px 8px}.task-item{gap:9px}.task-item .status{display:none}.progress-wrap{padding:22px 18px 15px}.team-list{padding:9px 18px 12px}.filter-bar{padding:14px}.filter-bar .select-wrap{flex:1}.filter-bar .select-wrap select{width:100%;min-width:0}.table-meta{padding:13px 15px}.customer-table{min-width:920px}.tabs-filter{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px}.segmented{width:100%;overflow-x:auto}.segmented button{white-space:nowrap;flex:1}.tabs-filter .select-wrap,.tabs-filter .select-wrap select{width:100%}.reminder-list{padding:10px}.reminder-card{flex-wrap:wrap;min-height:0}.days-block{width:80px}.reminder-main{width:calc(100% - 80px);padding:15px}.reminder-title{gap:8px}.reminder-title .status{display:none}.reminder-meta{flex-direction:column}.reminder-actions{border-top:1px solid #edf1ef;border-left:0;flex-direction:row;width:100%;padding:10px}.reminder-actions button{flex:1}.collection-banner{grid-template-columns:1fr;gap:21px;padding:20px}.collection-banner>div:first-child small{font-size:12px}.refresh-note{display:none}.drawer{width:100%}.details-grid{gap:15px}.mobile-nav{z-index:35;height:66px;padding:6px 7px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;display:flex;position:fixed;inset:auto 0 0;overflow:auto hidden;box-shadow:0 -8px 24px #1d3a310f}.mobile-nav button{color:#87948e;background:0 0;border:0;border-radius:8px;flex-direction:column;flex:1 0 74px;justify-content:center;align-items:center;gap:3px;min-width:74px;font-size:12px;display:flex}.mobile-nav button span{font-size:17px}.mobile-nav button.active{color:var(--green-700);background:#edf5f1;font-weight:700}.toast{justify-content:center;width:calc(100% - 28px);bottom:82px}.import-layout{grid-template-columns:1fr}.upload-card,.template-card{min-height:285px}.template-card{min-height:265px}.tool-panel-head,.stage-heading{padding:17px}.tool-filters{flex-wrap:wrap;padding:11px 17px}.tool-search{width:100%}.audit-banner{grid-template-columns:auto 1fr}.audit-today{display:none}.import-steps{padding:5px 2%}}@media (max-width:430px){.key-metrics{grid-template-columns:1fr 1fr;gap:8px}.key-metrics article{gap:8px;min-height:82px;padding:12px}.key-metric-icon{width:31px;height:31px}.key-metrics strong{font-size:17px}.tool-summary-grid{grid-template-columns:1fr 1fr;gap:9px}.tool-summary-card{min-height:99px;padding:14px}.tool-summary-card strong{font-size:23px}.audit-banner{grid-template-columns:1fr;padding:20px}.audit-shield{width:46px;height:50px}.audit-item{grid-template-columns:12px 1fr}.audit-item .row-more{display:none}.import-steps{padding:2px 0}.import-steps li{text-align:center;flex-direction:column;gap:4px;font-size:12px}.import-steps li:not(:last-child):after{left:calc(50% + 14px);right:calc(14px - 50%)}.upload-card,.template-card{padding:22px}.validation-summary{gap:6px;padding:0 14px 14px}.validation-summary>div{grid-template-rows:auto;grid-template-columns:1fr;justify-items:center;padding:10px 5px}.validation-summary span{grid-row:auto}.success-stats{gap:5px;width:100%}.success-stats div{flex:1;min-width:0;padding:10px 4px}.success-actions{flex-direction:column-reverse;width:100%}.success-actions .button{width:100%}.metrics-row{grid-template-columns:1fr}.metric-card{min-height:82px}.metric-card small{display:block}.task-date{width:36px}.progress-wrap{gap:15px}.ring{width:90px;height:90px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.role-preview{color:#718078;align-items:center;gap:8px;font-size:12px;display:flex}.role-preview select{color:#29493f;border:1px solid var(--line);background:#fff;border-radius:9px;height:34px;padding:0 28px 0 10px;font-size:12px;font-weight:700}.filter-hero-icon{background:#e5f0ec;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-weight:800;display:grid;color:#235748!important;font-size:14px!important}.key-account-hero>button:disabled{cursor:not-allowed;opacity:.58}.dimension-switch,.period-switch,.audit-view-switch{background:#f1f5f3;border:1px solid #e3eae7;border-radius:10px;padding:3px;display:inline-flex}.dimension-switch button,.period-switch button,.audit-view-switch button{color:#738079;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:32px;padding:0 13px;font-size:12px;font-weight:700}.dimension-switch button.active,.period-switch button.active,.audit-view-switch button.active{color:#235b4b;background:#fff;box-shadow:0 2px 8px #1f483c1a}.region-badge,.permission-badge{color:#496c60;background:#edf5f1;border:1px solid #deebe5;border-radius:99px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.permission-badge.role-super{color:#785d2f;background:#faf2df;border-color:#eee0bd}.permission-badge.role-admin{color:#496a8b;background:#edf3f8;border-color:#dbe6ef}.permission-badge.role-employee{color:#5a6f67;background:#f1f4f2;border-color:#e1e7e4}.renewal-rate,.renewal-period-label{display:block}.renewal-rate{color:#2b725c;font-size:15px}.renewal-period-label{color:var(--muted);margin-top:3px;font-size:11px}.audit-view-switch{align-self:flex-start}.audit-view-switch button{align-items:center;gap:7px;padding:0 17px;display:flex}.audit-view-switch button span{background:#41806b1a;border-radius:6px;place-items:center;width:21px;height:21px;font-size:10px;display:grid}.restore-warning{color:#7d4b3f;background:#fff6f2;border:1px solid #f1d8cf;border-radius:11px;align-items:flex-start;gap:13px;padding:17px 19px;display:flex}.restore-warning>span{color:#fff;background:#c46b58;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.restore-warning strong,.restore-warning p{margin:0;display:block}.restore-warning p{color:#91665d;margin-top:4px;font-size:12px;line-height:1.7}.restore-grid{grid-template-columns:minmax(0,1fr) 300px;gap:16px;display:grid}.snapshot-list{gap:10px;display:grid}.snapshot-list article{border:1px solid #e8eeeb;border-radius:10px;grid-template-columns:160px minmax(210px,1fr) minmax(150px,auto) auto;align-items:center;gap:15px;padding:14px 15px;display:grid}.snapshot-date strong,.snapshot-date span{display:block}.snapshot-date strong{color:var(--ink)}.snapshot-date span{color:var(--muted);margin-top:4px;font-size:11px}.snapshot-meta{color:var(--muted);gap:13px;font-size:12px;display:flex}.snapshot-meta em{color:#2d795f;font-style:normal;font-weight:700}.snapshot-risk{color:#a45a48;font-size:12px;font-weight:700}.snapshot-risk.normal{color:#527167}.snapshot-list article>button{color:#fff;background:var(--green-700);border:0;border-radius:8px;min-height:34px;padding:0 12px;font-size:12px;font-weight:700}.snapshot-list article>button:disabled{color:#8b9791;background:#edf1ef}.restore-policy{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;border-radius:12px;padding:21px}.restore-policy h3{margin:5px 0 15px}.restore-policy ol{margin:0;padding:0;list-style:none}.restore-policy li{border-bottom:1px solid #edf1ef;padding:12px 0}.restore-policy li b,.restore-policy li span{display:block}.restore-policy li b{color:#34584d;font-size:13px}.restore-policy li span,.restore-policy>p{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.65}.import-governance{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.import-governance>div{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:11px;min-height:70px;padding:13px 16px;display:flex}.import-governance>div>span{color:#2d6b58;background:#eaf4ef;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.import-governance p,.import-governance strong,.import-governance small{margin:0;display:block}.import-governance small{color:var(--muted);margin-top:4px}@media (max-width:1080px){.role-preview>span{display:none}.restore-grid{grid-template-columns:1fr}.snapshot-list article{grid-template-columns:140px 1fr auto}.snapshot-risk{grid-column:1/3}}@media (max-width:760px){.role-preview,.demo-pill{display:none}.dimension-switch,.period-switch{width:100%}.dimension-switch button,.period-switch button{flex:1;padding:0 7px}.snapshot-list article{grid-template-columns:1fr}.snapshot-risk{grid-column:auto}.snapshot-list article>button{width:100%}.import-governance{grid-template-columns:1fr}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}