@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700&family=Hanken+Grotesk:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--thh-paper:#f5f3ee;--thh-paper-2:#edeae2;--thh-surface:#fff;--thh-ink:#17150f;--thh-ink-2:#56534a;--thh-ink-3:#86827a;--thh-line:#d9d5ca;--thh-line-2:#c6c1b4;--thh-accent:#d9481c;--thh-accent-2:#b83c17;--thh-on-accent:#fff7f2;--thh-good:#3c7350;--thh-warn:#a8791f;--thh-crit:#b0392c;--thh-shadow:0 1px 2px rgba(23,21,15,.06),0 12px 34px -12px rgba(23,21,15,.16);--thh-shadow-sm:0 1px 2px rgba(23,21,15,.05),0 6px 16px -10px rgba(23,21,15,.14);--thh-font-display:"Bricolage Grotesque","Hanken Grotesk",system-ui,sans-serif;--thh-font-body:"Hanken Grotesk",system-ui,-apple-system,sans-serif;--thh-font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--primary:var(--thh-accent);--secondary:var(--thh-accent-2);--accent:var(--thh-accent);--success:var(--thh-good);--warning:var(--thh-warn);--danger:var(--thh-crit);--white:var(--thh-surface);--bg:var(--thh-paper);--card-bg:var(--thh-surface);--text-main:var(--thh-ink);--text-muted:var(--thh-ink-2);--glass:var(--thh-surface);--border:var(--thh-line);--blue-light:#f0e7e2;--font:var(--thh-font-body);--mono:var(--thh-font-mono);--warning-border:#f59e0b;--warning-tint-bg:#fef3c7;--warning-tint-text:#92400e;--success-border:#10b981;--success-tint-bg:#d1fae5;--success-tint-text:#065f46;--danger-border:#ef4444;--danger-tint-bg:#fee2e2;--danger-tint-text:#991b1b;--info-tint-bg:#eff6ff;--info-tint-border:#bfdbfe;--info-tint-text:#1e40af}@media (prefers-color-scheme:dark){:root[data-thv-dark]:not([data-theme=light]){--thh-paper:#14130e;--thh-paper-2:#1b1a14;--thh-surface:#1c1b15;--thh-ink:#f1efe6;--thh-ink-2:#a9a599;--thh-ink-3:#7c7869;--thh-line:#2c2a22;--thh-line-2:#3a382e;--thh-accent:#f0703f;--thh-accent-2:#f5895f;--thh-on-accent:#1a0e07;--thh-good:#6fb588;--thh-warn:#d2a24c;--thh-crit:#e4796b;--thh-shadow:0 1px 2px rgba(0,0,0,.4),0 18px 44px -14px rgba(0,0,0,.6);--thh-shadow-sm:0 1px 2px rgba(0,0,0,.35),0 10px 24px -12px rgba(0,0,0,.5);--warning-tint-bg:#3a2e14;--warning-tint-text:#f5d9a8;--success-tint-bg:#16281d;--success-tint-text:#a8dcc0;--danger-tint-bg:#3a1e1a;--danger-tint-text:#f0b8ae;--info-tint-bg:#1a2436;--info-tint-border:#2f3f5c;--info-tint-text:#a8c4f0}}:root[data-thv-dark][data-theme=dark]{--thh-paper:#14130e;--thh-paper-2:#1b1a14;--thh-surface:#1c1b15;--thh-ink:#f1efe6;--thh-ink-2:#a9a599;--thh-ink-3:#7c7869;--thh-line:#2c2a22;--thh-line-2:#3a382e;--thh-accent:#f0703f;--thh-accent-2:#f5895f;--thh-on-accent:#1a0e07;--thh-good:#6fb588;--thh-warn:#d2a24c;--thh-crit:#e4796b;--thh-shadow:0 1px 2px rgba(0,0,0,.4),0 18px 44px -14px rgba(0,0,0,.6);--thh-shadow-sm:0 1px 2px rgba(0,0,0,.35),0 10px 24px -12px rgba(0,0,0,.5);--warning-tint-bg:#3a2e14;--warning-tint-text:#f5d9a8;--success-tint-bg:#16281d;--success-tint-text:#a8dcc0;--danger-tint-bg:#3a1e1a;--danger-tint-text:#f0b8ae;--info-tint-bg:#1a2436;--info-tint-border:#2f3f5c;--info-tint-text:#a8c4f0}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;max-width:100%}body{font-family:var(--thh-font-body);background:var(--bg);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}.app-container{display:flex;min-height:100vh}.app-sidebar{width:280px;background:var(--card-bg);color:var(--text-main);border-right:1px solid var(--border);padding:30px 20px;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.app-logo{margin-bottom:40px;text-align:center}.app-logo img{max-width:140px}.nav-search{position:relative;margin-bottom:18px;flex-shrink:0}.nav-search i{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:.78rem;color:var(--text-muted);pointer-events:none}.nav-search input{width:100%;padding:9px 12px 9px 32px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text-main);font-size:.82rem;font-family:inherit;transition:.2s}.nav-search input:focus{outline:none;border-color:var(--primary);background:var(--card-bg);box-shadow:0 0 0 3px var(--thh-paper-2)}.nav-menu{list-style:none;flex-grow:1;overflow-y:auto;overflow-x:hidden;padding-bottom:12px}.nav-menu li{margin-bottom:2px}.nav-menu .nav-section-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:14px 15px 4px;margin-bottom:0;pointer-events:none;user-select:none}.nav-menu .nav-group{margin-bottom:2px}.nav-menu .nav-group-summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;pointer-events:auto;border-radius:8px;list-style:none;transition:.2s}.nav-menu .nav-group-summary::-webkit-details-marker,.nav-menu .nav-group-summary::marker{display:none;content:""}.nav-menu .nav-group-summary:hover{color:var(--primary);background:var(--thh-paper-2)}.nav-group-chevron{font-size:.6rem;margin-right:15px;transition:transform .2s}.nav-group[open]>.nav-group-summary .nav-group-chevron{transform:rotate(90deg)}.nav-menu a{display:flex;align-items:center;gap:12px;padding:10px 15px;color:var(--text-muted);text-decoration:none;border-radius:8px;transition:.2s;font-weight:600;font-size:.88rem}.nav-menu a:hover,.nav-menu a.active{background:var(--thh-paper-2);color:var(--primary)}.nav-menu a.nav-cta{background:var(--thh-accent);color:var(--thh-on-accent);font-weight:700;box-shadow:var(--thh-shadow-sm)}.nav-menu a.nav-cta:hover,.nav-menu a.nav-cta.active{background:var(--thh-accent-2);color:var(--thh-on-accent);box-shadow:var(--thh-shadow-sm);transform:translateY(-1px)}.th-nav-tooltip{position:fixed;z-index:300;width:240px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--thh-shadow);padding:14px 16px;opacity:0;visibility:hidden;transform:translateX(-6px);transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none}.th-nav-tooltip.visible{opacity:1;visibility:visible;transform:translateX(0)}.th-nav-tooltip p{font-size:.85rem;font-weight:600;color:var(--text-main);line-height:1.5}.th-nav-tooltip strong{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:10px}.th-nav-tooltip ul{list-style:none;display:flex;flex-direction:column;gap:9px}.th-nav-tooltip li{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600;color:var(--text-main)}.th-nav-tooltip li i{width:16px;text-align:center;color:var(--primary);flex-shrink:0}@media (max-width:900px){.th-nav-tooltip{display:none}}.nav-menu i{width:18px;font-size:1rem;text-align:center;flex-shrink:0}.th-badge{font-size:.55rem;font-weight:800;padding:1px 6px;border-radius:99px;margin-left:auto;flex-shrink:0;letter-spacing:.03em}.th-badge-new{background:var(--thh-accent);color:var(--thh-on-accent)}.th-badge-emp{background:var(--thh-ink);color:var(--thh-paper)}.th-badge-dev{background:var(--thh-warn);color:var(--thh-on-accent)}.th-ob-highlight>a{background:var(--thh-paper-2) !important;color:var(--thh-accent-2) !important;outline:2px solid var(--thh-accent);outline-offset:-2px}#th-onboarding-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);background:color-mix(in srgb,var(--thh-ink) 45%,transparent);z-index:9998}#th-onboarding-tooltip{position:fixed;left:292px;z-index:9999;background:var(--thh-surface);border-radius:14px;box-shadow:var(--thh-shadow);padding:18px 20px 14px;width:280px;border:1px solid var(--thh-line)}#th-onboarding-tooltip .th-ob-step{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--thh-accent-2);margin-bottom:4px}#th-onboarding-tooltip .th-ob-title{font-size:.95rem;font-weight:700;color:var(--thh-ink);display:block;margin-bottom:6px}#th-onboarding-tooltip .th-ob-text{font-size:.82rem;color:var(--thh-ink-2);line-height:1.5;margin-bottom:14px}.th-ob-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.th-ob-actions button{border:none;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;padding:6px 12px;transition:.15s}.th-ob-next{background:var(--thh-accent);color:var(--thh-on-accent)}.th-ob-next:hover{background:var(--thh-accent-2)}.th-ob-prev{background:var(--thh-paper-2);color:var(--thh-accent-2)}.th-ob-prev:hover{background:var(--thh-line)}.th-ob-skip{background:0 0;color:var(--thh-ink-3);margin-left:auto;padding:6px 4px;font-weight:600}.th-ob-skip:hover{color:var(--thh-ink-2)}.sidebar-user-info{margin-top:auto;padding-top:20px;border-top:1px solid var(--border)}.sidebar-user-name{font-weight:700;font-size:.9rem;color:var(--text-main)}.sidebar-user-status{font-size:.8rem;color:var(--success);display:flex;align-items:center;gap:5px}.sidebar-user-status:before{content:'';display:inline-block;width:8px;height:8px;background:var(--success);border-radius:50%}.app-main{flex-grow:1;margin-left:280px;padding:40px}.page-header{margin-bottom:40px}.page-header h1{font-weight:800;font-size:2.2rem;color:var(--text-main);margin-bottom:10px;letter-spacing:-.02em}.page-header p{color:var(--text-muted);font-size:1.1rem;max-width:800px}.th-mobile-bar{display:none}.th-sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);background:color-mix(in srgb,var(--thh-ink) 45%,transparent);z-index:199;opacity:0;pointer-events:none;transition:opacity .25s}.th-sidebar-backdrop.visible{opacity:1;pointer-events:auto}@media (max-width:900px){.th-mobile-bar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:56px;background:var(--card-bg);border-bottom:1px solid var(--border);padding:0 16px;z-index:150}.th-mobile-bar .th-mb-logo img{max-height:32px;width:auto}.th-mobile-bar .th-mb-hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;border:none;background:0 0;cursor:pointer;border-radius:8px;transition:background .18s}.th-mobile-bar .th-mb-hamburger:hover{background:var(--thh-paper-2)}.th-mobile-bar .th-mb-hamburger span{display:block;width:22px;height:2px;background:var(--text-main);border-radius:2px;transition:transform .25s,opacity .25s}body.sidebar-open .th-mb-hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.sidebar-open .th-mb-hamburger span:nth-child(2){opacity:0}body.sidebar-open .th-mb-hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.app-sidebar{transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);width:280px;z-index:200;top:0}body.sidebar-open .app-sidebar{transform:translateX(0)}.th-sidebar-backdrop{display:block;pointer-events:none}body.sidebar-open .th-sidebar-backdrop{pointer-events:auto}.app-main{margin-left:0 !important;padding:16px !important;padding-top:72px !important}.page-header h1{font-size:1.6rem}.page-header p{font-size:.95rem}.nav-menu a{padding:12px 15px;font-size:.92rem}#th-onboarding-tooltip{left:8px !important;right:8px;width:auto;top:64px !important}}@media (max-width:400px){.app-main{padding:12px;padding-top:68px}}