:root{--ink:#132536;--muted:#667786;--paper:#f3f7f8;--surface:#fff;--surface-soft:#eaf1f3;--line:#dce5e8;--line-strong:#c4d1d6;--navy:#071624;--navy-soft:#0d2335;--accent:#0c8f83;--accent-dark:#07766d;--mint:#4de0c4;--green:#118064;--red:#d84d5f;--amber:#b66d16;--radius:12px;--font-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;--font-mono:"SFMono-Regular","Cascadia Code",Consolas,monospace}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);margin:0;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.mono{font-family:var(--font-mono);letter-spacing:.04em}.site-shell{display:flex;flex-direction:column;min-height:100svh;overflow-x:clip}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071624f5;border-bottom:1px solid hsla(0,0%,100%,.1);color:#fff;position:sticky;top:0;z-index:40}.site-header__inner{align-items:center;display:flex;gap:44px;height:72px;margin:auto;width:min(1240px,calc(100% - 40px))}.site-brand{align-items:center;display:inline-flex;flex:none;gap:11px}.site-brand>span:last-child{display:grid;gap:1px}.site-brand strong{font-size:17px;letter-spacing:.08em}.site-brand small{color:#8ca2bd;font:500 9px/1.2 var(--font-mono);letter-spacing:.17em}.brand-mark{background:var(--mint);border-radius:10px 10px 10px 3px;color:var(--navy);display:grid;height:36px;overflow:hidden;place-items:center;position:relative;width:36px}.brand-mark svg{height:24px;width:24px}.desktop-nav{align-items:stretch;display:flex;gap:28px;height:100%}.desktop-nav a{color:#9fb0c5;display:grid;font-size:14px;place-items:center;position:relative;transition:color .18s ease}.desktop-nav a:after{background:var(--mint);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:center;transition:transform .2s ease}.desktop-nav a.active,.desktop-nav a:hover{color:#fff}.desktop-nav a.active:after{transform:scaleX(1)}.site-header__actions{align-items:center;display:flex;gap:12px;margin-left:auto}.profile-link{align-items:center;border:1px solid transparent;border-radius:12px;display:flex;gap:10px;padding:5px 8px 5px 5px;transition:background .18s ease,border-color .18s ease}.profile-link.active,.profile-link:hover{background:#ffffff0f;border-color:#ffffff1a}.profile-link__avatar{background:#d9fff5;border-radius:50%;color:#0b2636;display:grid;flex:none;font-size:13px;font-weight:700;height:34px;place-items:center;width:34px}.profile-link__copy{display:grid;gap:2px}.profile-link__copy strong{font-size:12px}.profile-link__copy small{color:#8195ae;font:400 9px/1.2 var(--font-mono);max-width:100px;overflow:hidden;text-overflow:ellipsis}.icon-button{background:transparent;border:0;border-radius:9px;color:#9fb0c5;display:grid;font-size:18px;height:36px;place-items:center;width:36px}.icon-button:hover{background:#ffffff12;color:#fff}.mobile-menu-button,.mobile-nav{display:none}.site-main{flex:1;margin:auto;min-height:calc(100svh - 169px);padding:48px 0 72px;width:min(1240px,calc(100% - 40px))}.page-intro{align-items:flex-end;animation:rise-in .36s ease both;display:flex;gap:24px;justify-content:space-between;margin-bottom:30px}.page-intro h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.03em;line-height:1.2;margin-bottom:8px}.page-intro p{color:var(--muted);line-height:1.75;margin-bottom:0;max-width:680px}.page-intro__actions{align-items:center;display:flex;flex:none;gap:10px}.eyebrow{color:var(--accent);display:inline-block;font:500 11px/1 var(--font-mono);letter-spacing:.15em;margin-bottom:12px;text-transform:uppercase}.danger-button,.primary-button,.secondary-button,.text-button{align-items:center;border-radius:10px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;min-height:42px;padding:0 17px;transition:transform .16s ease,background .16s ease,border-color .16s ease}.primary-button{background:var(--accent);border:1px solid var(--accent);color:#fff}.primary-button:hover{background:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(-1px)}.secondary-button{background:#fff;border:1px solid var(--line-strong);color:var(--ink)}.secondary-button:hover{background:#f8fbfe;border-color:#9cb2c8}.text-button{background:transparent;border:0;color:var(--accent);min-height:36px;padding:0 10px}.text-button:hover{background:#e6f5f2}.danger-button{background:#fff;border:1px solid #f1cbd1;color:var(--red);min-height:36px;padding:0 12px}.danger-button:disabled,.primary-button:disabled,.secondary-button:disabled,.text-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.status-chip{align-items:center;background:#eef3f7;border-radius:999px;color:#456178;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:5px 9px;width:-moz-fit-content;width:fit-content}.status-chip:before{background:currentColor;border-radius:50%;content:"";height:5px;width:5px}.status-chip.green{background:#e9f8f3;color:var(--green)}.status-chip.amber{background:#fff5e7;color:var(--amber)}.status-chip.red{background:#fff0f2;color:var(--red)}.field{display:grid;gap:8px}.field label{color:#526479;font-size:12px;font-weight:600}.field input,.field select,.field textarea,.filter-select{background:#fff;border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);min-height:44px;outline:none;padding:10px 12px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.field textarea{min-height:104px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0c8f831a}.field-hint,.form-error,.form-success{font-size:12px;line-height:1.6;margin:0}.field-hint{color:var(--muted)}.form-error{color:var(--red)}.form-success{color:var(--green)}.empty-state{border-bottom:1px solid var(--line);border-top:1px solid var(--line);color:var(--muted);display:grid;min-height:280px;padding:48px 20px;place-items:center;text-align:center}.empty-state__icon{background:#e6f5f2;border-radius:50%;color:var(--accent);display:grid;font-size:23px;height:52px;margin:0 auto 16px;place-items:center;width:52px}.empty-state h2,.empty-state h3{color:var(--ink);margin-bottom:8px}.empty-state p{line-height:1.7;margin-bottom:0;max-width:440px}.skeleton-line{animation:skeleton 1.4s ease infinite;background:linear-gradient(90deg,#e9eef4 25%,#f5f7fa 37%,#e9eef4 63%);background-size:400% 100%;border-radius:5px;height:14px}.toast-message{align-items:center;background:var(--navy);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;bottom:24px;box-shadow:0 16px 40px #0c1d3538;color:#fff;display:flex;font-size:13px;gap:10px;max-width:min(380px,calc(100% - 40px));padding:13px 16px;position:fixed;right:24px;z-index:80}.toast-enter-active,.toast-leave-active{transition:opacity .2s ease,transform .2s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}@keyframes skeleton{0%{background-position:100% 0}to{background-position:0 0}}@media(max-width:900px){.site-header__inner{gap:20px;width:min(100% - 28px,1240px)}.desktop-nav,.desktop-only,.profile-link__copy{display:none}.mobile-menu-button,.mobile-nav{display:grid}.mobile-nav{gap:6px;grid-template-columns:repeat(3,1fr);margin:0 auto;padding:8px 0 16px;width:min(100% - 28px,1240px)}.mobile-nav a,.mobile-nav button{align-items:center;background:transparent;border:0;border-radius:9px;color:#a9b8ca;display:flex;font-size:13px;gap:8px;min-height:44px;padding:0 12px;text-align:left}.mobile-nav a.active{background:#ffffff14;color:#fff}.mobile-menu-enter-active,.mobile-menu-leave-active{transition:opacity .18s ease,transform .18s ease}.mobile-menu-enter-from,.mobile-menu-leave-to{opacity:0;transform:translateY(-5px)}.site-main{width:min(100% - 28px,1240px)}}@media(max-width:640px){.site-header__inner{height:64px}.site-brand strong{font-size:15px}.site-main{padding:32px 0 54px}.page-intro{align-items:flex-start;flex-direction:column;margin-bottom:24px}.page-intro h1{font-size:30px}.page-intro__actions{width:100%}.page-intro__actions>*{flex:1}.mobile-nav{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}