:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#183a36;background:#f3f6f3;font-synthesis:none;--ink:#183a36;--muted:#607c6e;--line:#e1eae4;--teal:#17796e;--shadow:0 16px 42px rgba(28,65,47,.055)}
*{box-sizing:border-box}body{margin:0;min-width:320px}[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}input,button{color:inherit}input:focus-visible,button:focus-visible{outline:3px solid #9cdbca;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}h1,h2,p{margin:0}.eyebrow{display:block;font-size:12px;letter-spacing:.12em;font-weight:800;color:#258b7f}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:13px;color:#123b35;background:#91ddc7;font-size:34px;line-height:1}.brand strong{display:block;font-size:18px;letter-spacing:.015em}.brand small{display:block;margin-top:3px;font-size:12px;letter-spacing:.06em;color:#afd2c9}.signal-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#77d6b4;box-shadow:0 0 0 4px rgba(119,214,180,.1)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:750;white-space:nowrap;transition:background .18s,border-color .18s,box-shadow .18s}.button.primary{color:#fff;background:linear-gradient(110deg,#197c71,#14675e);box-shadow:0 7px 18px #197c7120}.button.primary:hover:not(:disabled){background:#16685f;box-shadow:0 9px 20px #197c7135}.button.secondary{border-color:#dce9e1;color:#35665b;background:#fff}.button.secondary:hover:not(:disabled){background:#f3f9f5;border-color:#acccbc}.button.full{width:100%;justify-content:space-between}.button.small{min-height:34px;padding:0 12px;font-size:13px}
.login-shell{display:grid;grid-template-columns:minmax(360px,48%) 1fr;min-height:100vh;background:#fafcf9}.login-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:50px;padding:clamp(30px,5vw,70px);color:#eefaf5;background:radial-gradient(ellipse at 85% 15%,#31716685,transparent 55%),#163d3b}.login-story:before,.login-story:after{content:"";position:absolute;width:620px;height:620px;border:1px solid #b6f2dc17;border-radius:50%;right:-330px;bottom:-290px;pointer-events:none}.login-story:after{width:390px;height:390px;right:-240px;bottom:-150px}.login-story>*{position:relative;z-index:1}.story-copy{padding:40px 0}.story-copy .eyebrow{color:#90d8c0}.story-copy h1{font-size:clamp(42px,4.5vw,68px);line-height:1.22;letter-spacing:-.045em;margin:24px 0}.story-copy p{font-size:14px;color:#a6c9bd;line-height:1.9}.story-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.story-pills span{font-size:13px;padding:8px 12px;border-radius:100px;border:1px solid #6daa902d;color:#b5d6c8;background:#ffffff05}.story-footer{display:flex;align-items:center;gap:10px;font-size:13px;color:#b1cabc}.login-panel{display:flex;align-items:center;justify-content:center;padding:45px 26px}.login-card{width:min(100%,390px)}.login-monogram{display:grid;place-items:center;width:52px;height:52px;background:#e8f5eb;color:#27836b;border-radius:16px;font-size:27px;margin-bottom:28px}.login-card h2{font-size:32px;letter-spacing:-.05em;margin:10px 0 12px}.login-card>p{font-size:13px;color:var(--muted);margin-bottom:30px}.login-card form label{display:block;font-size:14px;color:#57786a;font-weight:700;margin:19px 0 8px}.login-card input{width:100%;height:45px;border:1px solid #dbe7dc;border-radius:9px;background:#fff;padding:0 13px;font-size:13px}.login-card input:focus{border-color:#7abd9f}.login-card .button{margin-top:23px;padding:0 18px;min-height:45px}.login-footnote{display:block;margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;line-height:1.7;color:#68816f}.form-error{color:#b35937;font-size:14px;line-height:1.6;margin-top:12px}
.app-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px max(24px,calc((100vw - 1320px)/2));background:linear-gradient(100deg,#143b39,#1f5149);color:#fff}.app-header .brand-mark{width:39px;height:39px;border-radius:11px;font-size:30px}.app-header .brand strong{font-size:17px}.header-actions{display:flex;gap:10px;align-items:center}.sync-status{display:flex;align-items:center;gap:9px;margin-right:10px;font-size:13px;color:#b4d7c9;white-space:nowrap}.header-button{border-color:#ffffff23;background:#ffffff08;color:#d6eee3;min-height:36px;padding:0 12px;font-size:13px}.header-button:hover:not(:disabled){background:#ffffff12}.header-button svg{width:15px;height:15px}.workspace{max-width:1320px;margin:0 auto;padding:37px 24px 26px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.welcome h1{font-size:28px;letter-spacing:-.045em;margin:8px 0 9px;line-height:1.35}.welcome p{font-size:14px;line-height:1.7;color:#607968}.account-tag{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #dae9dc;background:#eaf3e9;color:#64836c;font-size:13px;border-radius:100px}.account-tag .signal-dot{width:6px;height:6px;background:#75ad80;box-shadow:none}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.metric-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e1eae2;padding:21px 23px;border-radius:15px;box-shadow:var(--shadow)}.metric-card>span{display:block;font-size:13px;color:#5a7462;font-weight:650}.metric-card>strong{display:block;font-size:35px;line-height:1.1;letter-spacing:-.04em;margin:15px 0 7px;font-variant-numeric:tabular-nums;color:#284e40;overflow-wrap:anywhere}.metric-card>small{display:block;font-size:12px;color:#667c69}.metric-card.warning>strong{color:#ad8342}.metric-card.accent{background:#1e6b59;border-color:#1e6b59}.metric-card.accent>strong{color:#fff}.metric-card.accent>span{color:#c6e7d5}.metric-card.accent>small{color:#cee9d5}.metric-card.accent:after{content:"";position:absolute;width:130px;height:130px;border:24px solid #ffffff06;border-radius:50%;right:-55px;top:48px;pointer-events:none}.workspace-tabs{display:flex;align-items:center;gap:6px;width:100%;padding:5px;background:#eaf0e8;border:1px solid #e1e9dd;border-radius:13px;margin-bottom:21px}.workspace-tab{display:flex;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:0 20px;flex:1;background:transparent;border:0;border-radius:9px;color:#719079;font-size:14px;font-weight:750;transition:background .2s,box-shadow .2s,color .2s}.workspace-tab svg{width:17px;height:17px}.workspace-tab.active{background:#fff;box-shadow:0 3px 12px #1e533316;color:#236b53}.workspace-panel{animation:panel-in .22s ease-out}.surface{min-width:0;overflow:hidden;border:1px solid #e0e9df;border-radius:17px;background:#fff;box-shadow:var(--shadow)}.issue-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.6fr);gap:21px;align-items:stretch}.section-title{padding:25px 25px 0}.section-title h2{font-size:18px;letter-spacing:-.025em;margin:9px 0 7px;line-height:1.4}.section-title p{font-size:13px;color:#687e69;line-height:1.8}.issue-form{display:grid;gap:17px;padding:22px 25px 25px}.issue-form label{display:block;font-size:13px;color:#62816e;font-weight:700}.issue-form input{display:block;width:100%;min-height:43px;padding:10px 12px;margin-top:8px;border:1px solid #dce7dd;border-radius:9px;background:#fbfcfa;font-size:13px}.issue-form input[readonly]{background:#f0f4ef;color:#8b9e8c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.optional{margin-left:6px;color:#728570;font-weight:400;font-size:12px}.issue-preview{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid #d9e9dc;border-radius:10px;background:#eff7ed}.issue-preview>span{font-size:13px;color:#749177}.issue-preview>strong{font-size:14px;color:#32764e}.issue-preview strong span{font-size:24px;margin-right:4px;font-variant-numeric:tabular-nums}.form-hint{font-size:12px;color:#647d63;line-height:1.7;min-height:34px}.form-hint.warning{color:#af8545}.issue-form .button{min-height:43px;margin-top:-4px}.result-surface{display:flex;flex-direction:column}.result-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:260px;color:#7fb194;padding:35px 20px}.result-empty svg{width:74px;height:74px;stroke:#8bb49a;stroke-width:1.4;fill:#eff7ee;margin-bottom:20px}.result-empty strong{font-size:14px;color:#75947b}.result-empty span{margin-top:7px;font-size:13px;color:#73886c}.new-card-list{display:grid;gap:9px;overflow:auto;max-height:280px;padding:22px 25px 10px;flex:1}.new-card{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:13px 14px;border:1px dashed #c7ddc7;background:#f7faf3;border-radius:9px}.new-card code{flex:1;min-width:180px;font-family:Consolas,monospace;font-size:13px;color:#3b7359;overflow-wrap:anywhere}.new-card>span{font-size:13px;color:#869c80}.copy-button{border:1px solid #d8e6d7;border-radius:7px;background:#fff;color:#648b69;font-size:13px;padding:6px 10px;white-space:nowrap}.copy-button:hover:not(:disabled){background:#f1f8ee}.result-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 25px 25px}
.card-history{margin-top:23px}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px;border-bottom:1px solid #eef2ea}.history-heading h2{font-size:18px;margin:8px 0}.history-heading p{font-size:13px;color:#607b62;line-height:1.6}.history-actions{display:flex;gap:8px}.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 25px;border-bottom:1px solid #edf1e9}.search-box{display:flex;gap:9px;align-items:center;width:300px;max-width:100%;padding:9px 11px;border:1px solid #e0e8db;border-radius:9px;background:#fbfcf9}.search-box svg{width:16px;height:16px;color:#6f8964;flex:none}.search-box input{border:0;outline:0;background:transparent;width:100%;min-width:0;font-size:14px}.history-toolbar>small{white-space:nowrap;font-size:12px;color:#687e60}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #edf1ea;padding:14px 20px;font-size:13px;vertical-align:middle}th{color:#657d5d;background:#fafcf8;font-weight:700;font-size:12px;white-space:nowrap}td{color:#506c4e}td code{font-family:Consolas,monospace;font-size:14px;color:#456b51;white-space:nowrap}td strong{color:#51714e;font-size:14px}tbody tr:last-child td{border-bottom:0}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:100px;font-size:12px;color:#817327;background:#f4f1db;white-space:nowrap}.status-badge.activated{background:#eaf4e4;color:#739557}.status-badge.disabled{background:#f2eee7;color:#7d715f}.empty-state{padding:38px 22px;text-align:center;font-size:14px;color:#687e60;line-height:1.8}.load-more{display:flex;justify-content:center;padding:16px;border-top:1px solid #edf1ea}.records-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.record-list{padding:13px 25px 20px}.record-item{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #edf2e9}.record-item:last-child{border-bottom:0}.record-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;color:#7b9d6f;background:#f0f5e9;font-size:21px}.record-item>div{min-width:0;flex:1}.record-item strong{font-size:14px;color:#647e58}.record-item small{display:block;font-size:12px;color:#6e8262;margin-top:4px}.record-item p{font-size:13px;color:#637c54;line-height:1.6;margin-top:6px;overflow-wrap:anywhere}.record-item>b{flex:none;font-size:14px;color:#8aa167;white-space:nowrap}.record-item>b.settled{color:#3f9971}.workspace-footer{display:flex;justify-content:space-between;gap:14px;padding:25px 0 0;color:#657b59;font-size:12px;line-height:1.7}.toast-region{position:fixed;z-index:100;right:22px;bottom:22px;max-width:min(420px,calc(100vw - 28px));display:grid;gap:9px}.toast{font-size:14px;line-height:1.7;background:#fff;color:#476746;border:1px solid #ccdfc4;border-left:4px solid #479665;border-radius:10px;box-shadow:0 14px 50px #1c47231f;padding:13px 17px}.toast.error{color:#9a784a;border-color:#e6d8bd;border-left-color:#c8a465}
@keyframes panel-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.issue-layout{grid-template-columns:1fr 1.2fr}.metric-card{padding:18px}.metric-card>strong{font-size:30px}.cards-table{min-width:780px}.login-shell{grid-template-columns:minmax(300px,43%) 1fr}}
@media(max-width:720px){.login-shell{grid-template-columns:1fr}.login-story{padding:23px 24px;gap:14px;min-height:245px}.login-story .brand strong{font-size:16px}.login-story .brand-mark{width:35px;height:35px;font-size:28px}.story-copy{padding:14px 0 8px}.story-copy h1{font-size:31px;margin:12px 0;line-height:1.2}.story-copy p,.story-pills,.story-footer{display:none}.login-panel{padding:32px 25px;min-height:calc(100vh - 245px)}.login-monogram{display:none}.login-card h2{font-size:27px}.app-header{padding:16px 18px}.app-header .brand strong{font-size:14px}.app-header .brand small{font-size:9px}.header-actions{gap:7px}.sync-status{display:none}.header-button{min-height:34px;padding:0 9px}.app-header .brand-mark{width:33px;height:33px;font-size:26px;border-radius:10px}.workspace{padding:24px 16px}.welcome{gap:12px;align-items:flex-start;margin-bottom:21px}.welcome h1{font-size:22px}.welcome p{font-size:11px;max-width:250px}.account-tag{font-size:10px;padding:7px 10px;margin-top:14px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:21px}.metric-card{padding:17px 18px;border-radius:13px}.metric-card>strong{font-size:30px;margin:11px 0 5px}.metric-card>span{font-size:10px}.metric-card>small{font-size:9px;line-height:1.5}.workspace-tabs{padding:4px;margin-bottom:18px}.workspace-tab{padding:0 9px;font-size:11px;gap:6px;min-height:40px}.workspace-tab svg{width:15px;height:15px}.issue-layout{grid-template-columns:1fr;gap:17px}.section-title{padding:22px 20px 0}.section-title h2{font-size:17px}.issue-form{padding:19px 20px 22px}.result-empty{min-height:200px;padding:25px}.result-empty svg{width:61px;height:61px;margin-bottom:14px}.new-card-list{padding:20px 18px 5px}.new-card{gap:8px;padding:12px}.new-card code{font-size:12px}.result-actions{padding:16px 18px 20px}.history-heading{padding:21px 20px;align-items:flex-start;flex-wrap:wrap}.history-heading h2{font-size:17px}.history-actions{width:100%;justify-content:flex-end}.history-toolbar{padding:14px 19px;gap:10px}.search-box{width:100%}.records-layout{grid-template-columns:1fr;gap:18px}.record-list{padding:10px 20px 18px}.workspace-footer{font-size:9px;flex-wrap:wrap;padding-top:22px}.toast-region{bottom:13px;right:13px}.cards-table{min-width:0}.cards-table thead{display:none}.cards-table tbody{display:grid;padding:0 18px 18px;gap:13px}.cards-table tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e1eadc;border-radius:11px;padding:12px 13px;gap:9px 14px;background:#fcfdf9}.cards-table td{padding:0;border:0;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;font-size:10px}.cards-table td:before{content:attr(data-label);color:#738867;font-size:9px;flex:none}.cards-table td:first-child{grid-column:1 / -1;display:block;padding-bottom:10px;border-bottom:1px solid #e9eee3}.cards-table td:first-child:before{display:none}.cards-table td code{display:block;white-space:normal;overflow-wrap:anywhere;font-size:12px}.cards-table td:nth-child(3){grid-column:1 / -1;overflow-wrap:anywhere}.cards-table td:nth-child(5){grid-column:1 / -1}.cards-table td:last-child{grid-column:1 / -1;justify-content:flex-end;padding-top:3px}.cards-table td:last-child:before{display:none}.cards-table .copy-button{min-height:31px}}
@media(max-width:390px){.workspace{padding-inline:12px}.welcome .account-tag{padding:6px 8px;font-size:9px;max-width:100px;overflow-wrap:anywhere}.metric-card{padding:15px}.metric-card>strong{font-size:27px}.header-button span{display:none}.header-actions{gap:5px}.history-toolbar>small{font-size:9px}.search-box input{font-size:11px}.new-card code{min-width:190px}.new-card>span{margin-left:auto}.cards-table tr{grid-template-columns:1fr}.cards-table td{grid-column:1!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:720px){.eyebrow,.app-header .brand small,.metric-card>small,.history-toolbar>small,.workspace-footer,.cards-table th,.cards-table td,.cards-table td:before,.status-badge,.optional{font-size:11px}.welcome p,.workspace-tab,.section-title p,.history-heading p,.form-hint,.record-item p,.record-item small,.issue-form label,.copy-button,.search-box input,.new-card>span{font-size:12px}.metric-card>span{font-size:12px}.cards-table td strong{font-size:12px}.account-tag{font-size:11px}}