:root{--bg-color: #050505;--text-color: #e5e5e5;--accent-primary: #00ff9d;--accent-secondary: #ff4d4d;--accent-tertiary: #00ff9d;--accent-signal: #ffbd2e;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--sidebar-width: 260px}.app-brand{font-family:Outfit,sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:#fff;text-decoration:none;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.app-brand img{width:32px;height:32px;object-fit:contain}.app-brand .highlight,.highlight{color:var(--accent-primary)}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Outfit,sans-serif;overflow:hidden;height:100vh;display:flex}.app-sidebar{width:var(--sidebar-width);height:100vh;background:#0a0a0af2;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:1.5rem;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-logo{font-family:Space Mono,monospace;font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:3rem;display:flex;align-items:center;gap:.5rem}.sidebar-logo .highlight{color:var(--accent-primary);text-shadow:0 0 10px rgba(0,255,157,.4)}.nav-menu{display:flex;flex-direction:column;gap:.5rem;flex:1}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:#a3a3a3;text-decoration:none;font-size:.95rem;transition:all .2s ease;border:1px solid transparent}.nav-item:hover{background:var(--glass-bg);color:#fff}.nav-item.active{background:#ffffff14;color:#fff;border-color:#ffffff1a;box-shadow:0 2px 10px #0003}.nav-item .icon{width:1.2rem;text-align:center}.nav-group{display:flex;flex-direction:column}.nav-group-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:#a3a3a3;text-decoration:none;font-size:.95rem;transition:all .2s ease;border:1px solid transparent;cursor:pointer;width:100%;background:transparent;text-align:left;font-family:inherit}.nav-group-header:hover{background:var(--glass-bg);color:#fff}.nav-group-header .chevron{margin-left:auto;font-size:.7rem;transition:transform .2s}.nav-group.open .nav-group-header .chevron{transform:rotate(90deg)}.nav-group-children{display:none;flex-direction:column;padding-left:1.5rem;margin-top:.25rem;gap:.25rem}.nav-group.open .nav-group-children{display:flex}.nav-sub-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:6px;color:#737373;text-decoration:none;font-size:.85rem;transition:all .2s ease}.nav-sub-item:hover{color:#fff;background:#ffffff0d}.user-profile{margin-top:auto;display:flex;align-items:center;gap:.75rem;padding:.75rem;border-top:1px solid var(--glass-border);cursor:default;background:transparent}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#00ff9d,#333)}.user-info{display:flex;flex-direction:column}.user-name{font-size:.85rem;font-weight:600;color:#fff}.user-role{font-size:.7rem;color:#737373}.main-content{flex:1;height:100vh;overflow-y:auto;overflow-x:hidden;padding:2rem;box-sizing:border-box;background:radial-gradient(circle at 50% -20%,rgba(0,255,157,.05),transparent 70%)}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.breadcrumbs{color:#737373;font-size:.9rem}.page-title{font-size:1.5rem;font-weight:600;color:#fff;margin:.5rem 0 0}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:1.5rem}.widget{background:#14141499;border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.widget-title{font-size:1rem;font-weight:600;color:#d4d4d4}.widget-gauge{grid-column:span 1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-color:#f43f5e33;box-shadow:0 0 20px #f43f5e0d}.gauge-circle{width:150px;height:150px;border-radius:50%;border:10px solid #333;border-top-color:var(--accent-secondary);border-right-color:var(--accent-signal);position:relative;display:flex;align-items:center;justify-content:center;margin-top:10px}.gauge-value{font-family:Space Mono,monospace;font-size:2.5rem;font-weight:700;color:#fff}.gauge-label{margin-top:1rem;font-size:.8rem;color:var(--accent-secondary);text-transform:uppercase;letter-spacing:1px}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.global-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;padding:3rem;color:#a3a3a3;animation:fadeIn .6s cubic-bezier(.16,1,.3,1);background:radial-gradient(circle at center,rgba(0,255,157,.03) 0%,transparent 60%)}.global-empty-state .icon{font-size:4rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(0,255,157,.2))}.global-empty-state h2{font-family:Space Mono,monospace;color:#fff;margin-bottom:1rem;font-size:1.8rem;letter-spacing:-1px}.global-empty-state p{max-width:450px;line-height:1.6;margin-bottom:2.5rem;font-size:1.1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.widget-roasts{grid-column:span 1}.roast-list{display:flex;flex-direction:column;gap:.75rem}.roast-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff08;border-radius:6px;border:1px solid transparent;transition:border-color .2s}.roast-item:hover{border-color:#ffffff1a}.roast-name{font-size:.9rem;color:#fff}.status-badge{font-size:.7rem;padding:2px 8px;border-radius:12px;text-transform:uppercase;font-weight:600}.status-analyzing{background:#eab3081a;color:var(--accent-signal)}.status-complete{background:#10b9811a;color:var(--accent-tertiary)}.status-critical{background:#f43f5e1a;color:var(--accent-secondary)}.mission-badge{display:inline-block;padding:.3rem .8rem;border-radius:4px;font-family:Space Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.mission-badge.venture{background:#8b5cf626;border:1px solid rgba(139,92,246,.4);color:#a78bfa}.mission-badge.lifestyle{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:var(--accent-primary)}.widget-competitor{grid-column:span 1}.comp-list{display:flex;flex-direction:column;gap:1rem}.comp-item{display:flex;align-items:center;gap:.75rem}.comp-avatar{width:32px;height:32px;background:#333;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.comp-info{flex:1}.comp-name{font-size:.9rem;color:#fff;display:block}.comp-status{font-size:.75rem;color:#737373}.trend-up{color:var(--accent-tertiary)}.trend-down{color:var(--accent-secondary)}.sparkline{width:60px;height:20px;filter:drop-shadow(0 0 2px currentColor)}.sign-out-footer{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:#737373;text-decoration:none;font-size:.85rem;border-top:1px solid var(--glass-border);transition:all .2s;margin-top:0}.sign-out-footer:hover{background:#f43f5e1a;color:var(--accent-secondary)}.sidebar-header{margin-bottom:2rem}.protocol-switcher,.project-switcher{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:.5rem}.current-protocol,.current-project{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-radius:8px;background:#ffffff08;border:1px solid var(--glass-border);transition:all .2s;width:100%;box-sizing:border-box}.current-protocol:hover,.current-project:hover{background:#ffffff14;border-color:#fff3}.protocol-name,.project-name{font-weight:700;font-family:Space Mono,monospace;color:#fff;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.chevron{font-size:.7rem;color:#737373;margin-left:auto}.protocol-dropdown,.project-dropdown{position:absolute;top:calc(100% + 5px);left:0;width:100%;background:#121212;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem;display:none;flex-direction:column;gap:.25rem;z-index:1000;box-shadow:0 10px 40px #000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.protocol-dropdown.show,.project-dropdown.show{display:flex!important}.protocol-option,.project-option{padding:.6rem .8rem;font-size:.85rem;color:#a3a3a3;border-radius:6px;cursor:pointer;transition:all .2s}.protocol-option:hover,.project-option:hover{background:#ffffff14;color:#fff}.protocol-option.create-new,.project-option.create-new{border-top:1px solid rgba(255,255,255,.05);margin-top:.25rem;padding-top:.75rem;color:var(--accent-primary);font-weight:600}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content{background:#171717;border:1px solid var(--glass-border);border-radius:12px;padding:2rem;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000080}.modal-content h3{margin-top:0;color:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.btn-secondary,.btn-secondary-sm{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#a3a3a3;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-weight:600;font-family:Outfit,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center}.btn-secondary:hover,.btn-secondary-sm:hover{background:#ffffff14;border-color:#fff3;color:#fff;transform:translateY(-1px)}.btn-secondary-sm{padding:.4rem .8rem;font-size:.85rem}.help-fab{position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,#00ff9d,#00d484);color:#050505;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 10px 30px #00ff9d66;cursor:pointer;z-index:9999;transition:transform .2s;border:2px solid rgba(255,255,255,.2)}.help-fab:hover{transform:scale(1.1)}.help-widget{position:fixed;bottom:6.5rem;right:2rem;width:380px;height:550px;background:#171717;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 20px 60px #0009;display:none;flex-direction:column;z-index:9999;overflow:hidden}.help-header{background:#ffffff08;padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border)}.help-header strong{font-size:1rem;color:#fff}.help-chat{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.help-msg{max-width:85%;padding:.75rem 1rem;border-radius:12px;font-size:.9rem;line-height:1.5}.help-msg.ai{background:#00ff9d1a;color:#ddd;border-top-left-radius:2px;border:1px solid rgba(0,255,157,.2)}.help-msg.user{background:#ffffff1a;color:#fff;align-self:flex-end;border-top-right-radius:2px}.help-input-area{padding:1rem;border-top:1px solid var(--glass-border);display:flex;gap:.5rem}.help-input{flex:1;background:#0000004d;border:1px solid var(--glass-border);border-radius:20px;padding:.6rem 1rem;color:#fff;font-family:inherit;font-size:.9rem}.help-input:focus{outline:none;border-color:var(--accent-primary)}.help-send-btn{background:transparent;border:none;color:var(--accent-primary);cursor:pointer;font-size:1.2rem;padding:0 .5rem}body.public-mode .app-sidebar{display:none}body.public-mode .main-content{margin-left:0!important;max-width:1000px;margin:0 auto;padding:4rem 2rem}body.public-mode .app-header{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:2rem;margin-bottom:4rem}body.public-mode .back-to-home{display:flex;align-items:center;gap:.5rem;color:var(--accent-primary);text-decoration:none;font-size:.9rem;margin-bottom:1.5rem}body.public-mode .back-to-home:hover{text-decoration:underline}.btn-primary,.btn-primary-sm{background:linear-gradient(135deg,#00ff9d,#00e68e);color:#050505;font-weight:700;border:1px solid rgba(0,255,157,.3);border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00ff9d26,0 0 0 1px #00ff9d1a;letter-spacing:-.01em;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-transform:none;padding:.85rem 2rem;font-size:.95rem;position:relative;overflow:hidden}.btn-primary:hover,.btn-primary-sm:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00ff9d59,0 0 0 1px #00ff9d33;filter:brightness(1.05)}.btn-primary:active,.btn-primary-sm:active{transform:translateY(0) scale(.98)}.btn-primary-sm{padding:.5rem 1rem;font-size:.85rem}