@import "https://fonts.googleapis.com/css2?family=Days+One&display=swap";
:root{--sj-obsidian:#0b0d0f;--sj-onyx:#14171b;--sj-graphite:#1e2227;--sj-smoke:#2a2f36;--sj-mist:#3a4049;--sj-bone:#f4f1ea;--sj-paper:#ece7dc;--sj-ivory:#f4f1ea;--sj-pearl:#c9c5bc;--sj-ash:#8a8780;--sj-shadow:#5a5852;--sj-gold:#c8a95c;--sj-gold-2:#b69247;--sj-gold-tint:#c8a95c1f;--sj-platinum:#d8d4c8;--sj-platinum-2:#b8b4a8;--sj-go:#6b9f7e;--sj-warn:#c8a95c;--sj-stop:#c66e5e;--sj-display:"Playfair Display", "GT Sectra", Georgia, serif;--sj-text:"Inter", -apple-system, system-ui, sans-serif;--sj-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sj-fs-eyebrow:11px;--sj-fs-caption:12px;--sj-fs-body-s:13px;--sj-fs-body:15px;--sj-fs-body-l:17px;--sj-fs-h6:20px;--sj-fs-h5:24px;--sj-fs-h4:32px;--sj-fs-h3:44px;--sj-fs-h2:64px;--sj-fs-h1:96px;--sj-fs-display:128px;--sj-tr-tight:-.025em;--sj-tr-normal:-.005em;--sj-tr-wide:.18em;--sj-tr-mono:.04em;--sj-s-1:4px;--sj-s-2:8px;--sj-s-3:12px;--sj-s-4:16px;--sj-s-5:24px;--sj-s-6:32px;--sj-s-7:48px;--sj-s-8:64px;--sj-s-9:96px;--sj-s-10:144px;--sj-s-11:192px;--sj-r-0:0;--sj-r-1:2px;--sj-r-2:4px;--sj-r-pill:999px;--sj-rule:#f4f1ea1a;--sj-rule-2:#f4f1ea0f;--sj-rule-gold:#c8a95c66;--sj-shadow-1:0 1px 0 0 #0006;--sj-shadow-2:0 4px 24px #00000080;--sj-shadow-3:0 24px 64px -16px #000000b3, 0 0 0 1px #f4f1ea0a;--sj-glow-gold:0 0 0 1px #c8a95c80, 0 8px 32px #c8a95c26;--sj-ease:cubic-bezier(.32, .08, .24, 1);--sj-ease-out:cubic-bezier(.16, 1, .3, 1);--sj-dur-1:.16s;--sj-dur-2:.28s;--sj-dur-3:.48s;--sj-dur-4:.72s;--sj-page-max:1440px;--sj-gutter:32px}.sj-eyebrow{font-family:var(--sj-text);font-size:var(--sj-fs-eyebrow);letter-spacing:var(--sj-tr-wide);text-transform:uppercase;color:var(--sj-gold);font-weight:500}.sj-display{font-family:var(--sj-display);font-weight:400;font-size:var(--sj-fs-display);letter-spacing:var(--sj-tr-tight);color:var(--sj-ivory);line-height:.95}.sj-h1{font-family:var(--sj-display);font-weight:400;font-size:var(--sj-fs-h1);letter-spacing:var(--sj-tr-tight);color:var(--sj-ivory);line-height:1}.sj-h2{font-family:var(--sj-display);font-weight:400;font-size:var(--sj-fs-h2);letter-spacing:var(--sj-tr-tight);line-height:1.05}.sj-h3{font-family:var(--sj-display);font-weight:400;font-size:var(--sj-fs-h3);letter-spacing:var(--sj-tr-normal);line-height:1.1}.sj-h4{font-family:var(--sj-display);font-weight:500;font-size:var(--sj-fs-h4);line-height:1.2}.sj-h5{font-family:var(--sj-text);font-weight:500;font-size:var(--sj-fs-h5);letter-spacing:-.01em;line-height:1.3}.sj-h6{font-family:var(--sj-text);font-weight:600;font-size:var(--sj-fs-h6);line-height:1.35}.sj-body{font-family:var(--sj-text);font-weight:400;font-size:var(--sj-fs-body);color:var(--sj-pearl);line-height:1.6}.sj-body-l{font-family:var(--sj-text);font-weight:300;font-size:var(--sj-fs-body-l);color:var(--sj-pearl);line-height:1.65}.sj-caption{font-family:var(--sj-text);font-weight:400;font-size:var(--sj-fs-caption);color:var(--sj-ash);line-height:1.45}.sj-mono{font-family:var(--sj-mono);letter-spacing:var(--sj-tr-mono);font-feature-settings:"tnum" 1}.sj-italic{font-family:var(--sj-display);font-style:italic;font-weight:400}.sj-doc{font-family:var(--sj-text);font-size:var(--sj-fs-body);color:var(--sj-ivory);background:var(--sj-obsidian);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"ss01", "cv11"}.sj-doc *{box-sizing:border-box}.sj-doc h1,.sj-doc h2,.sj-doc h3,.sj-doc h4,.sj-doc h5,.sj-doc h6,.sj-doc p{margin:0}.sj-doc h1{font:400 var(--sj-fs-h1)/1 var(--sj-display);letter-spacing:var(--sj-tr-tight)}.sj-doc h2{font:400 var(--sj-fs-h2)/1.05 var(--sj-display);letter-spacing:var(--sj-tr-tight)}.sj-doc h3{font:400 var(--sj-fs-h3)/1.1 var(--sj-display);letter-spacing:var(--sj-tr-normal)}.sj-doc h4{font:500 var(--sj-fs-h4)/1.2 var(--sj-display)}.sj-doc h5{font:500 var(--sj-fs-h5)/1.3 var(--sj-text);letter-spacing:-.01em}.sj-doc h6{font:600 var(--sj-fs-h6)/1.35 var(--sj-text)}.sj-doc p{color:var(--sj-pearl);line-height:1.6}.sj-rule{background:var(--sj-rule);border:0;height:1px;margin:0}.sj-rule-gold{background:var(--sj-rule-gold);border:0;height:1px;margin:0}.sj-btn{font-family:var(--sj-text);letter-spacing:.14em;text-transform:uppercase;border-radius:var(--sj-r-1);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--sj-dur-2) var(--sj-ease), color var(--sj-dur-2) var(--sj-ease), border-color var(--sj-dur-2) var(--sj-ease), transform var(--sj-dur-2) var(--sj-ease);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.sj-btn--primary{background:var(--sj-gold);color:var(--sj-obsidian);border-color:var(--sj-gold)}.sj-btn--primary:hover{background:var(--sj-gold-2);border-color:var(--sj-gold-2)}.sj-btn--ghost{color:var(--sj-ivory);border-color:var(--sj-rule);background:0 0}.sj-btn--ghost:hover{border-color:var(--sj-gold);color:var(--sj-gold)}.sj-btn--text{color:var(--sj-gold);background:0 0;border:0;padding-left:0;padding-right:0}.sj-btn--text:after{content:"→";transition:transform var(--sj-dur-2) var(--sj-ease)}.sj-btn--text:hover:after{transform:translate(4px)}.sj-input{border:0;border-bottom:1px solid var(--sj-rule);width:100%;color:var(--sj-ivory);font-family:var(--sj-text);font-size:var(--sj-fs-body);transition:border-color var(--sj-dur-2) var(--sj-ease);background:0 0;outline:none;padding:14px 0}.sj-input::placeholder{color:var(--sj-shadow)}.sj-input:focus{border-color:var(--sj-gold)}.sj-field-label{font-family:var(--sj-text);letter-spacing:var(--sj-tr-wide);text-transform:uppercase;color:var(--sj-ash);margin-bottom:8px;font-size:10px;font-weight:500;display:block}.sj-card{background:var(--sj-onyx);border:1px solid var(--sj-rule);border-radius:var(--sj-r-1);padding:32px}.sj-pill{font-family:var(--sj-text);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--sj-r-pill);border:1px solid var(--sj-rule);color:var(--sj-pearl);align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:500;display:inline-flex}.sj-pill--gold{color:var(--sj-gold);border-color:var(--sj-rule-gold)}.sj-pill--dot:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}
.app{--sj-display:"Days One", system-ui, -apple-system, sans-serif;--bg:var(--sj-obsidian);--surface:var(--sj-onyx);--surface-2:var(--sj-graphite);--raise:#181c21;--text:var(--sj-ivory);--text-2:var(--sj-pearl);--text-3:var(--sj-ash);--text-4:var(--sj-shadow);--rule:#f4f1ea1a;--rule-2:#f4f1ea0e;--accent:var(--sj-gold);--accent-2:var(--sj-gold-2);--accent-tint:#c8a95c1f;--accent-line:#c8a95c66;--active-bg:#c8a95c12;--shadow-card:none;font-family:var(--sj-text);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11"}.app.light{--bg:#ebe5d9;--surface:#f5f1e9;--surface-2:#efeadf;--raise:#faf7f0;--text:#14171b;--text-2:#4b4942;--text-3:#8a8073;--text-4:#aba493;--rule:#14171b1f;--rule-2:#14171b12;--accent:#9c7a36;--accent-2:#876a2e;--accent-tint:#b8965a29;--accent-line:#9c7a3673;--active-bg:#b8965a24;--shadow-card:0 1px 2px #14171b0a}.app *{box-sizing:border-box}.app button,.app input,.app textarea,.app select{appearance:none;font-family:inherit}.app h1,.app h2,.app h3,.app h4,.app p{margin:0}.mono{font-family:var(--sj-mono);letter-spacing:var(--sj-tr-mono);font-feature-settings:"tnum" 1}.eyebrow{font-family:var(--sj-text);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:600}.ico{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.ico-16{width:16px;height:16px}.ico-18{width:18px;height:18px}.shell{grid-template-columns:264px 1fr;height:100%;min-height:100%;display:grid}.shell--wide{grid-template-columns:248px 1fr}.side{background:var(--bg);border-right:1px solid var(--rule);flex-direction:column;min-height:0;display:flex}.side__brand{align-items:center;gap:12px;padding:22px 22px 18px;display:flex}.brandmark{border-radius:var(--sj-r-1);flex:none;place-items:center;width:38px;height:38px;display:grid}.brandmark--box{border:1px solid var(--accent-line);color:var(--accent);font-family:var(--sj-display);letter-spacing:.02em;font-size:13px;font-weight:700}.brandmark svg{display:block}.blogo{flex:none;width:30px;height:auto;display:block}.side__brand b{color:var(--text);letter-spacing:-.01em;font-size:16px;font-weight:600;line-height:1.15;display:block}.side__brand span{color:var(--text-3);font-size:11px}.side__nav{flex-direction:column;flex:1;gap:1px;min-height:0;padding:6px 12px;display:flex;overflow-y:auto}.side__nav::-webkit-scrollbar{width:0}.navlabel{letter-spacing:.16em;text-transform:uppercase;color:var(--text-4);padding:18px 12px 8px;font-size:10px;font-weight:600}.nav{border-radius:var(--sj-r-1);color:var(--text-3);cursor:pointer;transition:background var(--sj-dur-1) var(--sj-ease), color var(--sj-dur-1) var(--sj-ease);align-items:center;gap:13px;padding:9px 12px;font-size:14px;font-weight:450;text-decoration:none;display:flex}.nav:hover{background:var(--surface-2);color:var(--text-2)}.nav .ico{color:var(--text-4);transition:color var(--sj-dur-1) var(--sj-ease)}.nav:hover .ico{color:var(--text-3)}.nav.is-active{background:var(--active-bg);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent-line);font-weight:500}.nav.is-active .ico{color:var(--accent)}.nav__count{font-family:var(--sj-mono);letter-spacing:.04em;color:var(--text-3);border:1px solid var(--rule);border-radius:var(--sj-r-pill);margin-left:auto;padding:1px 8px;font-size:10px}.nav.is-active .nav__count{border-color:var(--accent-line);color:var(--accent)}.side__foot{border-top:1px solid var(--rule);flex-direction:column;gap:12px;padding:14px 18px;display:flex}.side__user{font-family:var(--sj-mono);color:var(--text-3);letter-spacing:.02em;font-size:12px}.side__logout{color:var(--text-3);align-items:center;gap:11px;font-size:13px;text-decoration:none;display:flex}.side__logout .ico{color:var(--text-4)}.main{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.top{border-bottom:1px solid var(--rule);align-items:center;gap:18px;padding:18px 32px;display:flex}.top__title{font-family:var(--sj-display);color:var(--text);letter-spacing:-.01em;font-size:22px;font-weight:400}.top__spacer{flex:1}.top__tools{align-items:center;gap:14px;display:flex}.search{background:var(--surface);border:1px solid var(--rule);border-radius:var(--sj-r-2);width:320px;color:var(--text-3);align-items:center;gap:10px;padding:9px 12px;display:flex}.search input{color:var(--text);font-family:var(--sj-text);background:0 0;border:0;outline:none;flex:1;font-size:13px}.search input::placeholder,.search .ico{color:var(--text-3)}.kbd{font-family:var(--sj-mono);color:var(--text-3);border:1px solid var(--rule);border-radius:3px;padding:1px 5px;font-size:10px}.iconbtn{border-radius:var(--sj-r-1);width:34px;height:34px;color:var(--text-3);cursor:pointer;border:1px solid #0000;place-items:center;display:grid}.iconbtn:hover{background:var(--surface-2);color:var(--text)}.toggle{background:var(--surface);border:1px solid var(--rule);border-radius:var(--sj-r-pill);gap:2px;padding:3px;display:inline-flex}.toggle button{cursor:pointer;border-radius:var(--sj-r-pill);width:30px;height:26px;color:var(--text-3);font-family:var(--sj-text);background:0 0;border:0;place-items:center;font-size:12px;font-weight:500;display:grid}.toggle button.on{background:var(--accent-tint);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-line)}.lang button{width:auto;padding:0 12px}.avatar{background:var(--accent-tint);border:1px solid var(--accent-line);width:34px;height:34px;color:var(--accent);font-family:var(--sj-mono);border-radius:50%;place-items:center;font-size:12px;font-weight:500;display:grid}.linkbtn{color:var(--text-3);cursor:pointer;font-size:13px;text-decoration:none}.linkbtn:hover{color:var(--text)}.content{flex:1;min-height:0;padding:28px 32px 40px;overflow-y:auto}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-thumb{background:var(--rule);border-radius:8px}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--sj-r-2);box-shadow:var(--shadow-card)}.card__head{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.card__title{color:var(--text);font-size:16px;font-weight:600}.stats{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.stat{background:var(--surface);border:1px solid var(--rule);border-radius:var(--sj-r-2);box-shadow:var(--shadow-card);flex-direction:column;min-height:132px;padding:18px 20px 20px;display:flex}.stat__label{color:var(--text-3);font-size:12.5px;line-height:1.35}.stat__num{font-family:var(--sj-mono);color:var(--text);letter-spacing:-.01em;margin-top:auto;padding-top:16px;font-size:34px;font-weight:500;line-height:1}.stat__num.accent{color:var(--accent)}.stat__sub{color:var(--text-4);margin-top:8px;font-size:12px}.stat__sub.mono{font-family:var(--sj-mono);font-size:11px}.stat--tall .stat__num{font-size:30px;line-height:1.12}.funnel{flex-direction:column;gap:18px;padding:18px 24px 24px;display:flex}.frow .ftop{justify-content:space-between;align-items:baseline;margin-bottom:9px;display:flex}.fname{font-family:var(--sj-mono);letter-spacing:.04em;color:var(--text-3);text-transform:uppercase;font-size:12px}.fval{font-family:var(--sj-mono);color:var(--text);font-size:14px}.ftrack{background:var(--surface-2);border-radius:var(--sj-r-pill);height:6px;overflow:hidden}.ffill{background:var(--accent);border-radius:var(--sj-r-pill);height:100%}.gradrow{justify-content:space-between;align-items:center;padding:6px 24px 24px;display:flex}.grade-chip{width:30px;height:30px;font-family:var(--sj-mono);border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.grade-F{color:var(--sj-stop);background:#c66e5e1f;border:1px solid #c66e5e59}.btn{border-radius:var(--sj-r-2);font-family:var(--sj-text);border:1px solid var(--rule);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;transition:background var(--sj-dur-1) var(--sj-ease), border-color var(--sj-dur-1) var(--sj-ease);justify-content:center;align-items:center;gap:9px;padding:10px 18px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent-line)}.btn .ico{color:var(--text-3)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#14110a;font-weight:600}.btn--primary .ico{color:#14110a}.btn--primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn--ghost{background:0 0}.seg{gap:6px;display:inline-flex}.seg button{border-radius:var(--sj-r-2);border:1px solid var(--rule);background:var(--surface-2);color:var(--text-3);font-family:var(--sj-text);cursor:pointer;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:500;display:inline-flex}.seg button .ico{color:var(--text-4)}.seg button.on{background:var(--accent);border-color:var(--accent);color:#14110a}.seg button.on .ico{color:#14110a}.tabs{background:var(--surface);border:1px solid var(--rule);border-radius:var(--sj-r-2);gap:2px;padding:4px;display:inline-flex}.tabs button{border-radius:var(--sj-r-1);color:var(--text-3);font-family:var(--sj-text);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:7px 16px;font-size:13px;font-weight:500;display:inline-flex}.tabs button .ico{color:var(--text-4)}.tabs button.on{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--rule)}.tabs button.on .ico{color:var(--accent)}.chip{border-radius:var(--sj-r-2);border:1px solid var(--rule);background:var(--surface);color:var(--text-2);cursor:pointer;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;display:inline-flex}.chip .ico{color:var(--text-3)}.chip--dash{color:var(--text-3);background:0 0;border-style:dashed}.field{border-radius:var(--sj-r-2);border:1px solid var(--rule);background:var(--surface);color:var(--text-3);align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:inline-flex}.field input{color:var(--text);font-family:var(--sj-text);background:0 0;border:0;outline:none;width:100%;font-size:13px}.field input::placeholder{color:var(--text-4)}.ta{background:var(--bg);border:1px solid var(--rule);border-radius:var(--sj-r-2);width:100%;color:var(--text);font-family:var(--sj-text);resize:none;outline:none;padding:16px;font-size:15px;line-height:1.6}.ta::placeholder{color:var(--text-3)}.kanban{grid-auto-columns:300px;grid-auto-flow:column;align-items:start;gap:16px;display:grid}.kcol{background:var(--surface);border:1px solid var(--rule);border-radius:var(--sj-r-2);flex-direction:column;display:flex}.kcol__head{align-items:center;gap:10px;padding:16px 16px 12px;display:flex}.kdot{border-radius:50%;flex:none;width:8px;height:8px}.kcol__name{color:var(--text);font-size:14px;font-weight:600}.kcol__count{font-family:var(--sj-mono);color:var(--text-3);border:1px solid var(--rule);border-radius:var(--sj-r-1);margin-left:auto;padding:1px 7px;font-size:11px}.kcol__sum{font-family:var(--sj-mono);color:var(--text-3);padding:0 16px 12px;font-size:12px}.kbody{flex-direction:column;gap:10px;min-height:120px;padding:4px 12px 14px;display:flex}.deal{background:var(--raise);border:1px solid var(--rule);border-radius:var(--sj-r-2);flex-direction:column;gap:12px;padding:15px;display:flex}.deal__name{color:var(--text);font-size:14px;font-weight:500;line-height:1.35}.deal__amt{font-family:var(--sj-mono);color:var(--text);letter-spacing:-.01em;font-size:17px;font-weight:500}.deal__meta{color:var(--text-3);align-items:center;gap:8px;font-size:12px;display:flex}.deal__rule{background:var(--rule);height:1px}.deal__foot{align-items:center;gap:8px;display:flex}.miniav{width:22px;height:22px;font-family:var(--sj-mono);background:var(--surface-2);color:var(--text-2);border:1px solid var(--rule);border-radius:50%;place-items:center;font-size:9px;font-weight:600;display:grid}.deal__foot .ico{color:var(--text-4);margin-left:auto}.kempty{border:1px dashed var(--rule);border-radius:var(--sj-r-2);color:var(--text-4);text-align:center;place-items:center;min-height:96px;padding:12px;font-size:13px;display:grid}.submeta{color:var(--text-3);margin-top:8px;font-size:13px}.submeta .mono{color:var(--text-2)}.pagehead{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.pagehead h2{font-family:var(--sj-display);color:var(--text);letter-spacing:-.01em;font-size:30px;font-weight:400}.pagehead__title .ico{color:var(--accent)}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row--end{margin-left:auto}
