.btn{border-radius:var(--r-control);white-space:nowrap;height:38px;transition:background var(--dur-micro) var(--ease-out), border-color var(--dur-micro), transform var(--dur-micro), box-shadow var(--dur-short);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--onyx);color:var(--on-onyx)}.btn-primary:hover{background:#2c2a25}.btn-ghost{background:var(--surface);color:var(--text-primary);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-sunken)}.btn-brass{background:var(--brass);color:#fff}.btn-brass:hover{background:#9a7940}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-icon{border-radius:var(--r-control);width:38px;height:38px;color:var(--text-secondary);justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--surface-sunken);color:var(--text-primary)}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.panel{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-card)}.chip{background:var(--surface-sunken);height:24px;color:var(--text-secondary);border:1px solid var(--hairline);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.chip-brass{color:var(--brass-deep);background:#a8854a1a;border-color:#a8854a38}.chip-sage{color:var(--sage);background:#3e5a4514;border-color:#3e5a4538}.chip-stone{color:var(--stone);background:#8c85791a;border-color:#8c857940}.field{flex-direction:column;gap:6px;display:flex}.label{color:var(--text-secondary);font-size:12px;font-weight:500}.input,.textarea,.select{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-control);width:100%;color:var(--text-primary);transition:border-color var(--dur-micro), box-shadow var(--dur-short);padding:9px 12px;font-size:14px}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:80px;line-height:1.5}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238c8579' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--stone);align-items:center;gap:6px;font-size:16px;font-weight:500;display:flex}.ai-block{border-top:1px solid var(--brass);padding-top:14px}.seg{background:var(--surface-sunken);border:1px solid var(--hairline);border-radius:var(--r-control);gap:2px;padding:3px;display:inline-flex;position:relative}.seg-item{z-index:1;color:var(--text-secondary);transition:color var(--dur-short);white-space:nowrap;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;position:relative}.seg-item.active{color:var(--on-onyx)}.seg-pill{background:var(--onyx);z-index:0;transition:transform var(--dur-med) var(--ease-out), width var(--dur-med) var(--ease-out);border-radius:6px;position:absolute;top:3px;bottom:3px}.stage{background:var(--stage);border-radius:var(--r-card);aspect-ratio:4/3;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.stage img{object-fit:contain;filter:drop-shadow(0 16px 22px #1c1b1824);width:84%;height:84%;transition:transform var(--dur-med) var(--ease-out)}.tbl{border-collapse:collapse;width:100%}.tbl th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--hairline);background:var(--surface-sunken);padding:10px 16px;font-size:11px;font-weight:500}.tbl td{border-bottom:1px solid var(--hairline);vertical-align:middle;height:52px;padding:0 16px;font-size:14px}.tbl tbody tr{cursor:pointer;transition:background var(--dur-micro)}.tbl tbody tr:hover{background:var(--surface-sunken)}.avatar{color:var(--stone);background:#8c857929;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.toast-wrap{z-index:200;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--onyx);color:var(--on-onyx);box-shadow:var(--shadow-overlay);border-radius:10px;align-items:center;gap:10px;max-width:360px;padding:11px 15px;font-size:13px;display:flex}.backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:150;background:#1c1b188c;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-modal);box-shadow:var(--shadow-overlay);width:calc(100% - 32px);max-width:480px;max-height:calc(100vh - 64px);overflow:auto}.match-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-card);box-shadow:var(--shadow-card);transition:box-shadow var(--dur-short), transform var(--dur-short);cursor:pointer;gap:22px;padding:22px;display:flex}.match-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.data-grid{background:var(--hairline);border:1px solid var(--hairline);border-radius:8px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.data-cell{background:var(--surface);padding:9px 11px}.data-cell .k{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:3px;font-size:9.5px}.data-cell .v{font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:16px}.unc-block{background:var(--surface-sunken);border-radius:8px;gap:9px;padding:11px 13px;display:flex}.reveal{animation:fade-up var(--dur-med) var(--ease-out) both}.stagger-item{opacity:0;animation:fade-up .34s var(--ease-out) forwards}.rail-item{background:0 0}.rail-item:hover{background:#ffffff0b}.rail-item.active,.rail-item.active:hover{background:#26241f}.frame-card:hover .stage img{transform:scale(1.04)}.frame-card .stage{transition:background var(--dur-med) var(--ease-out)}.frame-card:hover .stage{background:#f4f1e9}.linkish{cursor:pointer;transition:color var(--dur-micro)}.linkish:hover{color:var(--brass-deep)}@media (width<=1040px){.dash-grid,.detail-grid{grid-template-columns:1fr!important}}@media (width<=860px){.rail{width:76px!important;padding:18px 12px 14px!important}.rail-word{display:none!important}.rail-langs{flex-direction:column!important}}.wl-overview{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.wl-ovcard{text-align:left;border:1px solid var(--hairline);background:var(--surface);cursor:pointer;min-width:140px;transition:border-color var(--dur-micro), background var(--dur-micro);border-radius:10px;flex:150px;padding:11px 14px}.wl-ovcard:hover{background:var(--surface-sunken)}.wl-ovcard.active{border-color:var(--brass);background:var(--surface-sunken)}.wl-ovname{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.wl-ovstat{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-top:3px;font-size:12px}.wl-ovstat span{color:var(--text-muted)}.wl-ovstat em{color:var(--brass-deep);font-style:normal}.wl-bar{align-items:center;gap:10px;margin-bottom:12px;display:flex}.wl-bartitle{font-family:var(--font-display,inherit);color:var(--text-primary);align-items:baseline;gap:10px;font-size:16px;font-weight:600;display:flex}.wl-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}.wl-row{border-bottom:1px solid var(--hairline);transition:opacity var(--dur-micro);grid-template-columns:minmax(180px,1.5fr) minmax(150px,1fr) minmax(160px,1.3fr) auto;align-items:center;gap:16px;padding:13px 18px;display:grid}.wl-row:last-child{border-bottom:none}.wl-row.done{opacity:.58}.wl-cust{cursor:pointer;align-items:center;gap:10px;min-width:0;display:flex}.wl-name{align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:500;display:flex}.wl-due{flex-shrink:0;height:18px;font-size:10px}.wl-ref{color:var(--text-muted);margin-top:1px;font-size:11px}.wl-contact{flex-direction:column;gap:2px;min-width:0;font-size:13px;display:flex}.wl-phone{color:var(--text-primary);font-variant-numeric:tabular-nums;text-decoration:none}.wl-phone:hover{color:var(--brass-deep)}.wl-muted{color:var(--text-muted);min-width:0;font-size:12px}.wl-email{white-space:nowrap;text-overflow:ellipsis;padding-left:20px;overflow:hidden}.wl-rec{cursor:pointer;align-items:center;gap:10px;min-width:0;display:flex}.wl-thumb{background:var(--stage);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:34px;display:flex;overflow:hidden}.wl-thumb img{object-fit:contain;width:88%;height:88%}.wl-recname{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.wl-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.wl-iconbtn{padding-left:9px!important;padding-right:9px!important}.wl-donechip{height:28px}@media (width<=820px){.wl-row{grid-template-columns:1fr 1fr;row-gap:12px}.wl-rec{grid-column:1/-1}.wl-actions{grid-column:1/-1;justify-content:flex-start}}.login-split{background:var(--onyx);min-height:100dvh;display:flex}.login-visual{flex:50%;min-width:0;position:relative;overflow:hidden}.login-visual-img{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.login-visual:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset -40px 0 60px -30px #14120f8c}.login-panel{flex:50%;justify-content:center;align-items:center;min-width:0;padding:40px 32px;display:flex;position:relative}.auth-switch{background:#26241f;border:1px solid #3a352b;border-radius:10px;gap:4px;margin-bottom:18px;padding:4px;display:flex}.auth-switch-btn{height:32px;color:var(--on-onyx-muted);transition:background var(--dur-micro), color var(--dur-micro);border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:flex}.auth-switch-btn:hover{color:var(--on-onyx)}.auth-switch-btn.active{background:var(--brass);color:var(--onyx)}@media (width<=820px){.login-visual{display:none}.login-panel{flex:100%}}.welcome-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14120f80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.welcome-card{background:var(--surface);border:1px solid var(--hairline);border-radius:18px;width:100%;max-width:468px;padding:32px 30px 28px;position:relative;box-shadow:0 24px 70px #14120f4d}.welcome-close{width:30px;height:30px;color:var(--text-muted);transition:background var(--dur-micro), color var(--dur-micro);border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.welcome-close:hover{background:var(--surface-sunken);color:var(--text-primary)}.welcome-mark{width:46px;height:46px;color:var(--brass);background:radial-gradient(circle at 35% 30%,#2a2824,#161512);border:1px solid #3a352b;border-radius:12px;justify-content:center;align-items:center;margin-bottom:18px;font-size:25px;display:flex}.welcome-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--brass-deep);margin-bottom:8px;font-size:11px;font-weight:600}.welcome-title{color:var(--text-primary);margin:0 0 8px;font-size:26px;line-height:1.1}.welcome-intro{color:var(--text-secondary);margin:0 0 20px;font-size:14px;line-height:1.5}.welcome-actions{flex-direction:column;gap:8px;margin-bottom:22px;display:flex}.welcome-action{text-align:left;border:1px solid var(--hairline);background:var(--canvas);transition:border-color var(--dur-micro), background var(--dur-micro), transform var(--dur-micro);border-radius:11px;align-items:center;gap:13px;padding:13px 14px;display:flex}.welcome-action:hover{border-color:var(--brass);background:var(--surface-sunken)}.welcome-action:active{transform:scale(.99)}.welcome-action-icon{width:38px;height:38px;color:var(--brass-deep);background:#a8854a1f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.welcome-action-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.welcome-action-title{color:var(--text-primary);font-size:14px;font-weight:600}.welcome-action-desc{color:var(--text-muted);font-size:12.5px;line-height:1.4}.welcome-action-arrow{color:var(--text-muted);transition:transform var(--dur-micro), color var(--dur-micro);flex-shrink:0}.welcome-action:hover .welcome-action-arrow{color:var(--brass-deep);transform:translate(3px)}.welcome-cta{justify-content:center;width:100%;height:42px}.bulk-bar{z-index:30;background:var(--onyx);animation:bulkbar-in var(--dur-med) var(--ease-out);border-radius:12px;align-items:center;gap:10px;padding:10px 12px 10px 18px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000047}.bulk-count{color:var(--on-onyx);white-space:nowrap;font-size:13px;font-weight:500}@keyframes bulkbar-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}:root{--onyx:#1c1b18;--porcelain:#f3f0e9;--brass:#a8854a;--brass-deep:#876733;--sage:#3e5a45;--stone:#8c8579;--surface:#fff;--surface-sunken:#f8f6f0;--stage:#f8f6f0;--canvas:radial-gradient(130% 100% at 50% -10%, #fbf9f4 0%, #f3f0e9 60%);--hairline:#e5e0d5;--border-strong:#d9d3c6;--text-primary:#1c1b18;--text-secondary:#6e6a60;--text-muted:#9a9488;--on-onyx:#f3f0e9;--on-onyx-muted:#8e887c;--garnet:#9b3b2f;--conf-high:#3e5a45;--conf-medium:#a8854a;--conf-low:#8c8579;--font-serif:"Gambarino", "Times New Roman", serif;--font-sans:"General Sans", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.18s;--dur-med:.26s;--dur-long:.44s;--r-control:8px;--r-card:12px;--r-modal:16px;--shadow-card:0 1px 2px #1c1b180a, 0 1px 3px #1c1b1808;--shadow-lift:0 4px 12px -4px #1c1b181a, 0 14px 34px -16px #1c1b181f;--shadow-overlay:0 16px 48px -16px #1c1b183d}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--porcelain);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.55}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}::selection{background:#a8854a33}.t-display{font-family:var(--font-serif);letter-spacing:-.005em;font-weight:400;line-height:1.12}.t-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.t-overline{letter-spacing:.12em;text-transform:uppercase;color:var(--stone);font-size:16px;font-weight:500}.tabular{font-variant-numeric:tabular-nums}:focus-visible{border-color:var(--brass);outline:none;box-shadow:0 0 0 3px #a8854a38}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#8c857959 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#8c85798c padding-box padding-box}::-webkit-scrollbar-track{background:0 0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.55}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scan-line{0%{opacity:0;transform:translateY(-100%)}20%,80%{opacity:.25}to{opacity:0;transform:translateY(100%)}}.spin{animation:.8s linear infinite spin}.skeleton{animation:pulse-soft 1.6s var(--ease-in-out) infinite;background:#ece8df;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}