:root{color-scheme:light;--ink:#233837;--muted:#81918e;--subtle:#a4b0ad;--line:#e8eeeb;--brand:#248776;--brand-hover:#196d5e;--brand-soft:#edf6f2;--bg:#f5f7f6;--nav:#142c2b;--white:#fff;--red:#c2665e;--amber:#b78b45;--radius:14px;font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #86c5b7;outline-offset:3px}[hidden]{display:none!important}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.eyebrow{display:block;font-size:10px;line-height:1.5;letter-spacing:1.7px;font-weight:650;color:var(--brand)}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:-.8px;font-weight:650;line-height:1.4}h2{font-size:16px;font-weight:650;letter-spacing:-.25px}h3{font-size:15px;font-weight:600}p{color:var(--muted);line-height:1.8}small,.muted{color:var(--muted)}button.primary,button.secondary,.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:10px 16px;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:550;line-height:1.4;transition:background .15s,box-shadow .15s,transform .15s}.primary{background:var(--brand);color:white;box-shadow:0 3px 6px #1b7e6010}.primary:hover{background:var(--brand-hover);box-shadow:0 4px 10px #1b7e6020}.primary.danger{background:#bb5d55}.primary.danger:hover{background:#a44a43}.secondary{background:white;color:#536c64;border-color:#dde6e1!important}.secondary:hover{background:#f6f9f7}.primary .icon,.secondary .icon{width:16px;height:16px}.text-button{background:none;border:0;padding:5px 0;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--brand);font-size:12px;line-height:1.5;white-space:nowrap}.text-button:hover{color:var(--brand-hover)}.text-button .icon{width:15px;height:15px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:7px;background:transparent;color:var(--muted);flex-shrink:0}.icon-button:hover{color:var(--ink);background:#859c8f13}.wide{width:100%}.actions{display:flex;align-items:center;gap:8px}.status-dot,.metric-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6ac5a2;flex-shrink:0}.status-dot{box-shadow:0 0 0 3px #65be9a16}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:5px;font-size:10px;font-weight:500;line-height:1.3;white-space:nowrap}.badge::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.badge.green{background:#edf8f1;color:#488666}.badge.gray{background:#f1f4f2;color:#84938c}.badge.red{background:#fbefed;color:#bb756b}.badge.warm{background:#fcf5e8;color:#b08b50}.badge.neutral{background:#f1f5f2;color:#83938a}.badge.neutral::before{display:none}.brand{display:flex;align-items:center;gap:11px}.brand strong{display:block;font-size:19px;font-weight:650;letter-spacing:2px}.brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:1px}.brand-mark{position:relative;display:grid;place-items:center;background:var(--brand);color:white;border-radius:10px;width:39px;height:39px;font-size:33px;line-height:1;font-weight:500;font-family:Georgia,serif;letter-spacing:-2px}.brand-mark>span{position:absolute;right:8px;top:11px;width:4px;height:4px;background:#c0d9c8;border-radius:50%}.brand-light{color:#f0f6f0}.brand-light small{color:#90a59e}.brand-light .brand-mark{background:#2d564a}.optional{font-size:10px;font-weight:400;color:var(--muted);letter-spacing:0}label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:550;color:#4c6359}input,select,textarea{width:100%;min-width:0;border:1px solid #e0e8e2;border-radius:7px;background:white;color:var(--ink);font-size:12px;font-weight:400;line-height:1.4;outline:none;transition:border .15s,box-shadow .15s}input,select{min-height:40px;padding:10px 12px}textarea{padding:12px;resize:vertical}input::placeholder,textarea::placeholder{color:#a8b3ac}input:focus,select:focus,textarea:focus{border-color:#76ac96;box-shadow:0 0 0 3px #2487760c}input[type=checkbox]{width:14px;min-height:14px;height:14px;padding:0;accent-color:var(--brand);border-radius:3px;cursor:pointer}input[type=checkbox]:focus{box-shadow:none}.stack-form{display:grid;gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full-width{grid-column:1/-1}.form-help{font-size:11px;line-height:1.8;color:#95a299}.align-right{text-align:right}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 5px #223c2b01;overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 25px 20px}.card-heading h2{display:flex;align-items:center;gap:9px}.card-heading p{font-size:11px;margin-top:6px}.subtle-tag{font-size:10px;border:1px solid var(--line);color:#92a197;border-radius:5px;padding:5px 9px}.count-label{background:#f0f5f1;color:#7f9889;font-size:10px;font-weight:500;padding:3px 7px;border-radius:5px}.empty-state{padding:45px 20px 50px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.empty-state p{font-size:12px}.empty-state .secondary{margin-top:4px}.empty-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#f3f7f3;color:#8aa798}.empty-symbol .icon{width:22px;height:22px}.notice{display:flex;align-items:center;gap:10px;margin-bottom:20px;background:#edf7ef;border:1px solid #dbeadf;color:#517961;padding:10px 14px;border-radius:8px;font-size:12px}.notice>.icon{width:16px;height:16px}.notice>.icon-button{margin-left:auto;width:24px;height:24px}.notice.error{background:#fff3ee;border-color:#f1dfd5;color:#ad6955}.notice span{flex:1}.field-error,.dialog-error{color:#b36255;background:#fff4ef;font-size:12px;padding:10px 12px;border-radius:6px}.dialog-error{margin-top:18px}.toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:13px 20px;background:#1a3530;color:white;box-shadow:0 10px 40px #0c332333;border-radius:9px;font-size:12px}.toast .icon{width:16px;height:16px}

/* Sign in */
.login-shell{min-height:100vh;display:grid;grid-template-columns:47% 53%;background:#fff}.login-story{min-height:100vh;background:#17342e;color:#edf4ea;position:relative;overflow:hidden;padding:48px 60px;display:flex;flex-direction:column}.login-story:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 25% 68%,#416e4f36,transparent 65%);pointer-events:none}.story-copy{margin-top:85px;position:relative;z-index:1}.story-copy .eyebrow{color:#94b09a;letter-spacing:4px;font-size:10px}.story-copy h1{font-size:43px;font-weight:500;letter-spacing:1px;line-height:1.5;margin-top:18px}.story-copy h1 span{color:#a7c3a0}.story-copy p{margin-top:24px;color:#a1b5a6;font-size:13px;line-height:2}.story-bottom{margin-top:auto;padding-top:20px;font-size:10px;letter-spacing:1px;color:#8ea894;display:flex;align-items:center;gap:9px;z-index:1}.connection-art{height:265px;max-width:350px;width:100%;position:relative;align-self:center;margin:20px auto 30px}.orbit{position:absolute;top:50%;left:50%;border:1px solid #8fb48e20;transform:translate(-50%,-50%);border-radius:50%}.orbit-one{width:140px;height:140px}.orbit-two{width:240px;height:240px}.orbit-three{width:350px;height:350px;border-color:#8fb48e0d}.art-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);display:grid;place-items:center;width:85px;height:85px;border-radius:24px;background:linear-gradient(140deg,#587b4c,#2e5945);box-shadow:0 10px 55px #041d1c30,inset 0 1px #a9c89740;color:#d4e2bc}.art-center .icon{width:40px;height:40px;stroke-width:1.1}.art-node{position:absolute;display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#204435;border:1px solid #58775450;color:#a7c4a0}.node-top{left:35%;top:0;transform:rotate(7deg)}.node-right{right:5%;top:42%;transform:rotate(-7deg)}.node-bottom{left:13%;bottom:9%;transform:rotate(-12deg)}.orbit-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#83a36e;box-shadow:0 0 16px #a6b97840}.dot-one{left:25%;top:27%}.dot-two{right:28%;bottom:17%;width:4px;height:4px}.login-main{display:flex;flex-direction:column;padding:40px 55px;min-height:100vh}.login-top{display:flex;align-items:center;justify-content:space-between;color:#8e9b90;font-size:11px}.login-top>span:first-child{font-family:Georgia,serif;letter-spacing:1px;font-size:15px}.login-form-wrap{width:100%;max-width:340px;margin:auto;align-self:center;padding:50px 0}.login-form-wrap h2{font-size:27px;font-weight:600;margin-top:12px;letter-spacing:-.5px}.login-form-wrap>p{font-size:11px;margin-top:12px}.login-form-wrap form{display:grid;gap:22px;margin-top:35px}.login-form-wrap input{min-height:45px;background:#fcfdfb}.login-form-wrap label{font-size:12px}.login-form-wrap .primary{min-height:46px;justify-content:space-between;padding:12px 18px;margin-top:4px;font-size:13px}.password-input{position:relative;display:block}.password-input input{padding-right:44px}.password-input>.icon-button{position:absolute;right:5px;top:6px}.password-input .icon{width:17px;height:17px}.login-hint{display:flex;align-items:center;gap:8px;margin-top:24px;color:#a3aea2;font-size:10px}.login-hint .icon{width:14px;height:14px}.login-footer{font-size:10px;color:#acb5a9;text-align:center}

/* Workspace */
.app-shell{min-height:100vh}.sidebar{width:224px;background:var(--nav);color:#a8bab0;position:fixed;inset:0 auto 0 0;z-index:30;padding:32px 18px 0;display:flex;flex-direction:column}.sidebar>.brand{padding-left:9px}.sidebar .brand strong{font-size:18px}.sidebar .brand small{font-size:9px}.workspace-label{display:flex;align-items:center;gap:9px;background:#24413a6b;border:1px solid #90b29c0d;border-radius:9px;padding:12px 10px;margin:32px 0 29px;font-size:11px;color:#b9ccbe}.workspace-label>span:nth-child(2){flex:1}.workspace-label small{display:block;color:#6f9282;margin-top:5px;font-size:9px}.workspace-icon{display:grid;place-items:center;background:#416044;color:#c5d9b9;width:28px;height:28px;border-radius:7px;font-family:Georgia,serif;font-size:15px}.workspace-label>.icon{width:13px;height:13px;color:#678b79}.nav-caption{font-size:9px;letter-spacing:1.5px;color:#5b8174;padding:0 13px;margin-bottom:14px}.sidebar nav{display:grid;gap:6px}.nav-item{position:relative;width:100%;padding:13px 14px;min-height:44px;background:none;border:0;border-radius:7px;color:#96b3a5;text-align:left;display:flex;align-items:center;gap:12px;font-size:12px;transition:background .15s}.nav-item>.icon{width:17px;height:17px;stroke-width:1.4}.nav-item:hover{color:#c5dace;background:#28463a66}.nav-item.active{background:#3151449e;color:#d9ecdb}.nav-item.active:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:2px;background:#a1c38b;border-radius:2px}.nav-count{margin-left:auto;padding:2px 6px;font-size:9px;border-radius:4px;color:#b3ccac;background:#829b6d28}.sidebar-spacer{flex:1;min-height:60px}.sidebar-tip{margin-bottom:26px;background:linear-gradient(120deg,#2c4b3c50,#28473725);border:1px solid #8fbf8f12;border-radius:10px;padding:16px 13px}.sidebar-tip>.icon{color:#8aa77b;width:18px;height:18px;margin-bottom:12px}.sidebar-tip strong{font-size:11px;display:block;font-weight:500;color:#acbda3}.sidebar-tip p{font-size:10px;line-height:1.9;color:#638575;margin-top:8px}.sidebar-tip>span{display:flex;align-items:center;gap:7px;font-size:9px;color:#789d89;margin-top:15px}.sidebar-tip .status-dot{width:4px;height:4px}.sidebar-user{display:flex;align-items:center;gap:10px;border-top:1px solid #8cad9418;padding:19px 3px 24px}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:12px;font-weight:600;background:#e8efdf;color:#7a9269;flex-shrink:0}.sidebar-user>.avatar{background:#435c45;color:#c4d6ad}.user-info{flex:1;overflow:hidden}.user-info strong{font-size:11px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis}.user-info small{font-size:9px;color:#648572;display:block;margin-top:5px}.sidebar-user .icon-button{width:28px;color:#658673}.sidebar-user .icon{width:16px}.workspace{margin-left:224px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;height:70px;padding:0 36px;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:11px;color:#8d9d92}.breadcrumb strong{color:#526f60;font-weight:500}.breadcrumb-separator{color:#d0d9d0}.topbar-right{display:flex;align-items:center;gap:18px;font-size:10px;color:#8c9e8e}.topbar-divider{width:1px;height:15px;background:#e7ede7}.environment-tag{display:flex;gap:8px;align-items:center}.environment-tag .status-dot{width:5px;height:5px}.main-content{padding:30px 36px 0;max-width:1550px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:26px}.page-heading .eyebrow{font-size:8px;letter-spacing:2px;color:#92a194;margin-bottom:7px}.page-heading h1{font-size:27px}.page-heading p{font-size:11px;margin-top:7px}.heading-actions{display:flex;gap:10px;align-items:center}.heading-actions>.secondary{background:transparent}.welcome-banner{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:154px;border:1px solid #dfe8dc;border-radius:13px;background:linear-gradient(105deg,#e9f0e1,#f0f5ea 65%,#ecf2e4);padding:24px 29px;overflow:hidden;margin-bottom:23px}.welcome-kicker{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1px;color:#8da07c}.welcome-kicker .status-dot{background:#92af6f;width:4px;height:4px}.welcome-banner h2{font-size:23px;font-weight:550;color:#476348;letter-spacing:0;margin-top:12px}.welcome-banner p{font-size:11px;color:#92a48b;margin-top:9px}.welcome-visual{width:230px;margin-right:20px;opacity:.8;align-self:center;transform:translateY(-2px)}.welcome-visual svg{width:100%;height:100px;overflow:visible}.visual-grid{fill:none;stroke:#8eac7830;stroke-width:.6}.visual-line{stroke:#8eab75;stroke-width:1.7;fill:none}.visual-area{fill:#a7c08715}.welcome-visual circle{fill:#f1f5e8;stroke:#8eab75;stroke-width:2}.welcome-visual>span{display:block;font-size:8px;color:#a3b397;text-align:right;letter-spacing:1px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat-card{padding:20px 21px 18px;background:#fff;border:1px solid var(--line);border-radius:11px;text-align:left;min-width:0;transition:border-color .15s,transform .15s}.stat-card:hover{border-color:#bacfb9;transform:translateY(-2px)}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#7b9080;font-size:11px}.stat-top .icon{width:15px;height:15px;color:#aabca9}.stat-card strong{display:block;font-size:32px;font-weight:500;letter-spacing:-1.1px;line-height:1.2;margin:17px 0 16px;color:#2b4c3b;font-variant-numeric:tabular-nums}.stat-caption{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:9px;color:#adb9ab}.stat-caption .icon{width:12px;height:12px}.metric-dot.green{background:#83b595;box-shadow:0 0 0 4px #83b59514;width:5px;height:5px}.expiring-card .stat-top>.icon{color:#c8b691}.expiring-card strong{color:#b19a6d}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:23px}.distribution-card .card-heading{padding-bottom:6px}.distribution-content{display:flex;align-items:center;justify-content:center;gap:40px;padding:11px 24px 25px}.donut-wrap{position:relative;width:159px;height:159px;flex-shrink:0}.donut{display:block;width:100%;height:100%;transform:rotate(-90deg)}.donut circle{fill:none;stroke-width:12}.donut-track{stroke:#f0f4ed}.ring{transition:stroke-dasharray .3s}.ring-online{stroke:#78ab89}.ring-offline{stroke:#bfd0ad}.ring-expired{stroke:#dec9a3}.ring-disabled{stroke:#e4e9e0}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.donut-center strong{font-size:29px;font-weight:500;letter-spacing:-1px;color:#426449}.donut-center small{font-size:9px;color:#a0b09a}.distribution-legend{display:grid;gap:18px;min-width:130px;flex:1;max-width:165px}.legend-row{display:flex;align-items:center;gap:9px;font-size:10px;color:#93a28e}.legend-row strong{margin-left:auto;font-weight:500;color:#6c8266;font-size:12px;min-width:20px;text-align:right}.legend-dot{width:7px;height:7px;border-radius:2px}.legend-dot.online{background:#78ab89}.legend-dot.offline{background:#bfd0ad}.legend-dot.expired{background:#dec9a3}.legend-dot.disabled{background:#e4e9e0}.compact-list{padding:0 25px 15px}.compact-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0f3ee}.compact-row:last-child{border-bottom:0}.compact-row .avatar{width:29px;height:29px;border-radius:8px;font-size:10px;background:#f2f4e9;color:#a0ac83}.compact-row>div{flex:1;min-width:0}.compact-row strong{display:block;font-size:11px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.compact-row small{font-size:9px;display:block;margin-top:4px;color:#a6b2a0}.compact-row .text-button{font-size:10px}.compact-empty{min-height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#9eaf99;text-align:center}.compact-empty .icon{width:30px;height:30px;stroke-width:1}.compact-empty p{font-size:11px;color:#a4b29d}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}th{background:#f9fbf8;padding:13px 19px;font-weight:450;font-size:10px;color:#97a58f;border-top:1px solid #eef2e9;border-bottom:1px solid #eef2e9}td{padding:17px 19px;border-bottom:1px solid #f0f3ed;color:#7f947d}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfb}td strong{color:#506c4f;display:block;font-size:11px;font-weight:500}td small{color:#a7b2a0;font-size:9px;display:block;margin-top:6px;max-width:190px;overflow:hidden;text-overflow:ellipsis}.customer-cell{display:flex;align-items:center;gap:10px}.customer-cell .avatar{width:31px;height:31px;border-radius:9px;font-size:11px;background:#f0f4e9;color:#91a479}.customer-cell>div{max-width:190px;overflow:hidden}.customer-cell strong{max-width:190px;overflow:hidden;text-overflow:ellipsis}.account-mono{font-family:"Segoe UI",monospace;font-variant-numeric:tabular-nums;letter-spacing:.2px}.row-actions{display:flex;align-items:center;gap:13px;justify-content:flex-end}.row-actions .text-button{font-size:10px}.row-actions .muted-action{color:#9aac94}.danger-text{color:#b8796c!important}.warning-text{color:#b99b61!important}.table-wrap .small-button{border:1px solid #e4ebe0;background:white;color:#839b78;font-size:10px;padding:6px 9px;border-radius:5px}.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:74px;font-size:9px;color:#b3bdb0}.workspace-footer .text-button{font-size:9px;color:#a1b298;gap:7px}.workspace-footer .status-dot{width:4px;height:4px;background:#9bb78a}.quota-banner{display:flex;align-items:center;gap:10px;border:1px solid #dfe8db;background:#eef4e7;border-radius:8px;padding:12px 16px;color:#7e9870;font-size:11px;margin-bottom:22px}.quota-banner .icon{width:16px;height:16px}.quota-banner progress{width:130px;margin-left:auto}progress{height:5px;border:0;border-radius:10px;overflow:hidden;appearance:none;background:#edf1e7}progress::-webkit-progress-bar{background:#edf1e7;border-radius:10px}progress::-webkit-progress-value{background:#86ad78;border-radius:10px}.filter-bar{display:flex;align-items:center;gap:10px;padding:0 24px 22px;flex-wrap:wrap}.search{display:flex;align-items:center;flex-direction:row;gap:8px;position:relative;flex:1;min-width:200px}.search>.icon{position:absolute;left:12px;color:#abb9a3;width:16px;height:16px;pointer-events:none}.search input{padding-left:37px;background:#fcfdfb;min-height:36px;font-size:11px}.filter-bar select{width:auto;min-height:36px;font-size:10px;max-width:160px;color:#829477;background:#fff;padding:8px 27px 8px 10px}.filter-bar .text-button{font-size:10px;padding:7px}.checkbox-cell{width:20px;padding-left:24px;padding-right:2px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--line);color:#a7b39d;font-size:10px;gap:12px}.pagination>.actions{gap:13px}.pagination .icon-button{border:1px solid #e9eee4;width:27px;height:27px;font-size:18px;color:#8b9e7f}.page-size-label{display:flex;align-items:center;flex-direction:row;font-size:10px;color:#a7b39d;font-weight:400;gap:8px}.page-size-label select{width:50px;min-height:27px;padding:4px 6px;font-size:10px;color:#819676}.bulk-bar{display:flex;align-items:center;justify-content:space-between;background:#edf5e6;border-top:1px solid #e2ebda;border-bottom:1px solid #e2ebda;color:#7e996d;padding:9px 24px;font-size:11px;gap:15px}.bulk-bar .small-button{padding:6px 9px;background:#ffffffb0;border:1px solid #d8e4cc;color:#799968;border-radius:5px;font-size:10px}.bulk-bar .text-button{font-size:10px;color:#92a782}.bulk-bar .actions{flex-wrap:wrap}.agent-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.agent-summary .card{padding:22px 25px;display:flex;align-items:center;justify-content:space-between}.agent-summary span{font-size:11px;color:#96a78b}.agent-summary strong{font-size:25px;color:#52784c;font-weight:500}.filter-tip{font-size:10px;color:#adba9f}.quota-cell{min-width:140px;max-width:200px}.quota-cell>span{display:flex;justify-content:space-between;gap:20px;font-size:10px;margin-bottom:10px;color:#839e72}.quota-cell strong{font-size:11px}.quota-cell progress{width:100%}.info-strip{display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.9;color:#99ab8c;padding:15px 17px;border-radius:8px;background:#f2f6ec;margin-top:18px}.info-strip .icon{width:15px;height:15px;margin-top:2px}.info-strip.warm{background:#fbf6e9;color:#b29b68}.activity-list{padding:0 26px 20px}.activity-item{position:relative;display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-bottom:1px solid #edf2e8}.activity-item:last-child{border:0}.activity-icon{background:#f1f6eb;border:1px solid #e6eede;border-radius:10px;color:#9db28b;padding:9px;display:flex}.activity-icon .icon{width:16px;height:16px}.activity-content{flex:1;min-width:0}.activity-content strong{font-size:11px;font-weight:500;display:block;color:#69875d}.activity-content p{font-size:10px;margin-top:6px;color:#a0b093}.activity-item>time{font-size:10px;color:#a8b79b;white-space:nowrap;margin-top:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.settings-grid>.card{padding:25px}.settings-grid .card-heading{padding:0 0 22px}.settings-grid .card-heading>.icon{width:21px;height:21px;color:#a0b88b}.account-detail{display:flex;gap:13px;align-items:center;padding:15px 0 25px;margin-bottom:22px;border-bottom:1px solid var(--line)}.account-detail strong{font-size:13px;display:block;color:#608054;font-weight:500}.account-detail .muted{font-size:10px;display:block;margin-top:5px}.avatar.large{width:43px;height:43px;font-size:16px}.settings-grid .stack-form{gap:18px}.settings-grid .primary{justify-self:start;min-width:120px}.guide-card>.eyebrow{font-size:9px;margin-bottom:10px}.guide-card>h2{font-size:20px;color:#668058}.setup-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:26px}.setup-steps li{display:flex;gap:15px;align-items:flex-start}.setup-steps li>span{color:#b5c9a5;font-size:13px;font-family:Georgia,serif;border:1px solid #e5eddd;padding:7px 8px;border-radius:8px;line-height:1.2}.setup-steps strong{font-size:11px;font-weight:500;display:block;color:#779366}.setup-steps p{font-size:10px;margin-top:7px;color:#a5b399}.setup-steps code{display:block;font-size:10px;padding:10px 12px;border:1px solid #e5eddd;background:#f7faf2;border-radius:6px;margin-top:10px;color:#8ba176}.mobile-only{display:none}

/* Dialogs */
.modal{width:590px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:0;border:1px solid #e5ede0;border-radius:16px;color:var(--ink);background:white;box-shadow:0 25px 100px #17372a33;overflow:auto}.modal::backdrop{background:#0e251f70;backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 29px 23px}.modal-heading .eyebrow{font-size:9px;margin-bottom:9px}.modal-heading h2{font-size:21px;color:#476b43}.modal-heading p{font-size:11px;margin-top:10px}.modal>form,.modal>#new-key{padding:0 29px 0}.modal .stack-form{gap:20px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);margin-top:25px;padding:20px 0}.modal>.modal-footer{margin-left:29px;margin-right:29px}.small-modal{width:450px}.duration-presets{display:flex;align-items:center;gap:8px;margin-top:-6px;flex-wrap:wrap}.duration-presets span{font-size:10px;color:#a5b697;margin-right:5px}.duration-presets button{font-size:10px;padding:5px 12px;border:1px solid #e6edde;background:white;border-radius:5px;color:#9aaf8a}.duration-presets button.selected{background:#f0f6e8;border-color:#d4e1c7;color:#7c9a67}.success-emblem,.warning-emblem{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#eef6e8;color:#91b279;margin-bottom:18px}.warning-emblem{color:#b29a66;background:#fbf6e9}.key-modal{width:555px}.key-customer{font-size:12px;color:#718c61;padding-bottom:19px}.key-box{background:#f5f8f0;border:1px solid #e7edde;border-radius:9px;padding:18px}.key-box>span{font-size:9px;color:#a5b596;display:block;margin-bottom:10px}.key-box code{font-size:12px;line-height:1.9;overflow-wrap:anywhere;color:#5c7d48}.key-modal .modal-footer{flex-wrap:wrap}.key-modal .modal-footer .text-button{font-size:10px}.renew-preview{background:#f4f8ed;border:1px solid #e5edda;border-radius:8px;padding:15px;color:#88a16f;font-size:11px;line-height:1.8}#confirm-error{margin-left:29px;margin-right:29px}

/* Public customer site */
.public-page{background:#fbfcf8}.public-header{max-width:1160px;margin:auto;height:99px;display:flex;align-items:center;justify-content:space-between;padding:0 35px}.public-header .brand strong{font-size:21px;color:#365d40}.public-header .brand small{font-size:9px;color:#9eae91}.public-header nav{display:flex;gap:29px;color:#93a786;font-size:11px}.public-hero{max-width:1160px;margin:auto;padding:80px 35px 65px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px}.public-hero .eyebrow{font-size:10px;color:#9aae82;letter-spacing:3px}.public-hero h1{font-size:49px;font-weight:500;letter-spacing:1px;line-height:1.55;color:#385d3c;margin-top:22px}.public-hero h1 span{color:#91a97b}.public-hero p{font-size:13px;color:#9fac91;line-height:2.2;margin-top:25px}.public-hero .primary{margin-top:32px;min-width:130px}.public-visual{background:#eef3e7;border:1px solid #e6edde;border-radius:23px;min-height:350px;position:relative;overflow:hidden}.public-visual .connection-art{height:290px;margin:25px auto 15px}.public-visual .orbit{border-color:#96ae7e28}.public-visual .orbit-three{border-color:#96ae7e13}.public-visual .art-center{background:linear-gradient(140deg,#789b68,#426e48);box-shadow:0 13px 35px #496c3925}.public-visual .art-node{background:#fafcf4;color:#93ae7c;border-color:#d9e5cc}.public-visual .orbit-dot{background:#adc491}.visual-label{position:absolute;left:22px;bottom:20px;padding:8px 12px;border-radius:6px;background:#ffffffb0;display:flex;align-items:center;gap:8px;color:#9bb187;font-size:10px}.public-section{max-width:1160px;margin:auto;padding:55px 35px 65px}.section-title{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:30px}.section-title h2{font-size:25px;color:#55774a;margin-top:10px;font-weight:500}.section-title p{font-size:11px;color:#a6b59a;max-width:320px}.public-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.public-card{background:white;border:1px solid #e8edde;border-radius:13px;padding:27px}.public-card>span{font-size:11px;color:#b3c5a2;font-family:Georgia,serif}.public-card h3{font-size:15px;font-weight:500;color:#729362;margin-top:27px}.public-card p{font-size:11px;color:#a6b798;margin-top:15px;line-height:2}.public-card code{font-size:10px;display:block;margin-top:15px;color:#92a97c;background:#f6f9f0;padding:11px;border:1px solid #e8efdf;border-radius:5px;overflow-wrap:anywhere}.public-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;border-top:1px solid #e8eddf}.public-faq h2{font-size:27px;color:#6c8b5c;margin-top:13px}.public-faq details{padding:21px 0;border-bottom:1px solid #e6edde;color:#829f70}.public-faq summary{cursor:pointer;font-size:12px}.public-faq details p{font-size:11px;color:#a0b68e;margin-top:15px;line-height:2}.public-footer{display:flex;align-items:center;justify-content:space-between;max-width:1090px;margin:10px auto 0;padding:27px 0 32px;border-top:1px solid #e8edde;color:#b0bea2;font-size:10px}.public-note{font-size:10px;color:#b2bfaa;line-height:2;max-width:1090px;margin:10px auto 30px}.sidebar-scrim{display:none}

@media(min-width:1600px){.main-content{padding-left:48px;padding-right:48px}.topbar{padding-left:48px;padding-right:48px}.overview-grid{grid-template-columns:1.1fr 1fr}.distribution-content{gap:60px}.stats{gap:23px}}
@media(max-width:1150px){.sidebar{width:200px;padding-left:13px;padding-right:13px}.workspace{margin-left:200px}.main-content{padding:26px 24px 0}.topbar{padding:0 24px}.stat-card{padding:18px 16px}.stats{gap:13px}.stat-caption{font-size:8px}.distribution-content{gap:17px;padding-left:18px;padding-right:18px}.donut-wrap{width:137px;height:137px}.distribution-legend{min-width:105px}.card-heading{padding:21px}.compact-list{padding-left:21px;padding-right:21px}.welcome-visual{width:190px;margin-right:0}.login-story{padding:40px}.story-copy h1{font-size:36px}.login-main{padding:35px}.story-copy{margin-top:75px}}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.distribution-content{justify-content:flex-start;gap:45px;padding-bottom:30px}.distribution-legend{max-width:230px}.donut-wrap{width:158px;height:158px}.expiry-card .compact-empty{min-height:130px}.settings-grid{grid-template-columns:1fr}.welcome-visual{display:none}.agent-summary{gap:12px}.agent-summary .card{padding:18px 15px}.agent-summary span{font-size:9px}.agent-summary strong{font-size:22px}.topbar-right .today{display:none}.topbar-divider{display:none}.page-heading h1{font-size:24px}.heading-actions{gap:7px}.heading-actions button{padding:9px 11px}.page-heading p{max-width:230px}.login-story{padding:32px}.story-copy h1{font-size:30px}.story-copy p{font-size:11px}.connection-art{max-width:280px}.login-main{padding:30px}.login-form-wrap h2{font-size:24px}.public-hero{gap:25px;padding-top:50px}.public-hero h1{font-size:37px}.public-visual{min-height:300px}.public-hero p{font-size:11px}.public-footer,.public-note{margin-left:35px;margin-right:35px}}
@media(max-width:700px){.sidebar{width:224px;transform:translateX(-100%);transition:transform .2s}.app-shell.nav-open .sidebar{transform:translateX(0)}.sidebar-scrim{position:fixed;inset:0;z-index:29;background:#0e251f60;border:0;display:block}.workspace{margin-left:0}.mobile-only{display:inline-flex}.topbar{height:60px;padding:0 18px}.breadcrumb{gap:10px}.topbar-right{font-size:9px}.main-content{padding:22px 16px 0}.page-heading{align-items:flex-end;gap:12px;margin-bottom:20px}.page-heading h1{font-size:24px}.page-heading p{font-size:10px;max-width:200px}.page-heading .eyebrow{font-size:7px}.heading-actions .secondary{min-height:35px;padding:8px 9px;font-size:10px}.heading-actions .primary{min-height:35px;padding:8px 10px;font-size:10px}.heading-actions .primary .icon{width:13px}.heading-actions .secondary .icon{display:none}.welcome-banner{padding:22px;min-height:140px}.welcome-banner h2{font-size:21px}.welcome-banner p{font-size:10px}.welcome-kicker{font-size:9px}.stats{gap:12px;margin-bottom:20px}.stat-card{padding:18px 17px 15px}.stat-top{font-size:10px}.stat-card strong{font-size:30px;margin:15px 0}.stat-caption{font-size:8px}.card-heading{padding:21px 18px 18px}.card-heading h2{font-size:15px}.card-heading p{font-size:10px}.card-heading .text-button{font-size:10px}.distribution-content{padding-left:22px;gap:35px}.distribution-legend{max-width:none}.overview-grid{gap:20px}.card{border-radius:11px}.filter-bar{padding-left:17px;padding-right:17px;gap:9px}.filter-bar .search{min-width:100%;flex-basis:100%}.filter-bar select{max-width:140px;flex:1}.filter-bar .text-button{padding-left:0}.pagination{padding:14px 17px;font-size:9px}.pagination>.actions{gap:9px}.pagination .page-size-label{display:none}.checkbox-cell{padding-left:17px}.bulk-bar{padding:10px 17px;align-items:flex-start;font-size:10px;flex-direction:column;gap:8px}.bulk-bar .actions{gap:8px}.bulk-bar .small-button{font-size:9px}.agent-summary{gap:9px}.agent-summary .card{padding:16px 13px;flex-direction:column;align-items:flex-start;gap:13px}.agent-summary strong{font-size:23px}.filter-tip{font-size:9px}.quota-banner{padding:12px;font-size:10px}.quota-banner progress{width:65px}.workspace-footer{flex-wrap:wrap;gap:8px;padding:20px 2px;min-height:75px;font-size:8px}.workspace-footer>.text-button{font-size:8px}.activity-list{padding-left:18px;padding-right:18px}.activity-item{gap:10px}.activity-item>time{font-size:8px}.activity-content strong{font-size:10px}.activity-content p{font-size:9px}.activity-icon{padding:7px}.settings-grid>.card{padding:22px}.modal{max-width:calc(100vw - 24px);border-radius:12px;max-height:calc(100dvh - 24px)}.modal-heading{padding:24px 22px 21px}.modal-heading h2{font-size:20px}.modal>form,.modal>#new-key{padding-left:22px;padding-right:22px}.modal>.modal-footer{margin-left:22px;margin-right:22px}.modal-footer{gap:8px}.modal-footer button{font-size:11px;padding:9px 13px}.modal .form-grid{grid-template-columns:1fr;gap:17px}.form-grid>.full-width{grid-column:auto}.duration-presets{gap:7px}.duration-presets span{font-size:9px}.duration-presets button{font-size:9px;padding:5px 10px}.key-modal .modal-footer .text-button{width:100%;margin-top:4px}.key-modal .modal-footer>.secondary,.key-modal .modal-footer>.primary{flex:1}.login-shell{grid-template-columns:1fr}.login-story{min-height:auto;padding:28px 30px 32px;display:block}.login-story>.brand{gap:9px}.login-story .brand-mark{width:31px;height:31px;font-size:27px}.login-story .brand strong{font-size:15px}.login-story .brand small{font-size:7px;margin-top:4px}.story-copy{margin-top:32px}.story-copy .eyebrow{font-size:8px;letter-spacing:2px}.story-copy h1{font-size:27px;line-height:1.45;margin-top:13px}.story-copy h1 br{display:none}.story-copy p{font-size:10px;margin-top:15px}.story-copy p br{display:none}.login-story .connection-art{position:absolute;right:-50px;top:14px;width:210px;height:210px;opacity:.23;pointer-events:none}.login-story .story-bottom{display:none}.login-main{min-height:0;padding:28px 30px 25px;flex:1}.login-top{display:none}.login-form-wrap{max-width:400px;padding:8px 0 36px}.login-form-wrap>h2{font-size:23px;margin-top:8px}.login-form-wrap>.eyebrow{font-size:9px}.login-form-wrap form{margin-top:28px;gap:19px}.login-hint{font-size:9px}.login-footer{font-size:9px}.public-header{padding:0 24px;height:82px}.public-header .brand strong{font-size:18px}.public-header nav{font-size:10px;gap:18px}.public-hero{grid-template-columns:1fr;padding:35px 25px 40px;gap:35px}.public-hero h1{font-size:37px;margin-top:18px}.public-hero p{font-size:11px;margin-top:20px}.public-visual{min-height:290px}.public-visual .connection-art{height:250px}.public-section{padding:35px 25px 45px}.section-title{display:block}.section-title h2{font-size:23px}.section-title p{margin-top:15px;font-size:10px}.public-cards{grid-template-columns:1fr;gap:14px}.public-card{padding:24px}.public-card h3{margin-top:16px}.public-faq{grid-template-columns:1fr;gap:20px}.public-faq h2{font-size:24px}.public-footer{margin-left:25px;margin-right:25px;gap:15px;font-size:9px}.public-note{margin:0 25px 25px;font-size:9px}.toast{max-width:calc(100vw - 30px);width:max-content;font-size:11px;padding:12px 16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.nav-item{font-size:13px}.sidebar-tip strong{font-size:12px}.sidebar-tip p{font-size:11px}.sidebar-tip>span{font-size:10px}.page-heading p,.card-heading p{font-size:12px}.stat-top{font-size:12px}.stat-caption{font-size:10px}.legend-row{font-size:11px}.compact-row strong{font-size:12px}.compact-row small{font-size:10px}table{font-size:12px}th{font-size:11px}td strong{font-size:12px}td small{font-size:10px}.row-actions .text-button{font-size:11px}.activity-content strong{font-size:12px}.activity-content p{font-size:11px}.login-form-wrap>p{font-size:12px}.login-hint{font-size:11px}.public-card p,.public-faq details p{font-size:12px}.ring{transition:none}@media(max-width:700px){.page-heading p,.card-heading p{font-size:11px}.stat-top{font-size:11px}.stat-caption{font-size:9px}.card-heading p{font-size:11px}}

.product-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;margin-bottom:22px}.product-intro h2{margin:10px 0}.product-intro p{color:var(--muted,#657875);line-height:1.7}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-bottom:22px}.product-card{padding:24px}.product-card h2{margin:12px 0}.product-card p{color:#667e78;margin-bottom:18px}.product-actions{margin-top:24px}.product-builds{margin-top:22px}.product-forms .stack-form{padding:0 24px 24px}.check-label{display:flex!important;align-items:center;gap:10px}.check-label input{width:16px!important;min-height:16px!important}.grant-options{display:grid;gap:12px}.build-log{white-space:pre-wrap;overflow-wrap:anywhere;max-height:60vh;overflow:auto;background:#102c29;color:#e3f6f1;padding:20px;font-size:12px}.product-builds .activity-content p{overflow-wrap:anywhere}.key-box code{overflow-wrap:anywhere;word-break:break-all}.product-builds a{text-decoration:none}@media(max-width:700px){.product-intro{align-items:flex-start;flex-direction:column}.product-grid{grid-template-columns:1fr}}