.layout-header{display:flex;align-items:stretch;height:48px;background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.layout-logo{display:flex;align-items:center;gap:.45rem;padding:0 1rem 0 1.25rem;font-size:1.1rem;font-weight:600;color:var(--text);text-decoration:none;flex-shrink:0;border-right:1px solid var(--border)}.tab-bar{position:relative;display:flex;align-items:stretch;flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-bar::-webkit-scrollbar{display:none}.tab{position:relative;display:flex;align-items:center;padding:0 16px;font-size:.8rem;font-weight:500;color:var(--text-muted);text-decoration:none;white-space:nowrap;border:none;background:transparent;border-right:1px solid var(--border);cursor:pointer;transition:color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.tab:first-child{border-left:1px solid var(--border)}.tab:hover{color:var(--text);background:#ffffff0d}.tab.active{color:var(--text);font-weight:600}.tab-indicator{position:absolute;bottom:0;height:2px;background:var(--accent);border-radius:2px 2px 0 0;transition:left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1}.tab-indicator.no-transition{transition:none}.header-right{display:flex;align-items:center;gap:8px;padding:0 1rem;margin-left:auto;flex-shrink:0}.user-menu-container{position:relative}.user-avatar-btn{background:none;border:none;cursor:pointer;padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-avatar-btn.admin{outline:2px solid var(--accent);outline-offset:2px}.user-avatar-btn img{width:28px;height:28px;border-radius:50%;display:block}.user-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.user-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);min-width:180px;box-shadow:0 8px 24px #0000004d;z-index:100;overflow:hidden}.user-dropdown-header{padding:12px 14px;border-bottom:1px solid var(--border)}.user-dropdown-name{font-size:.85rem;font-weight:600;color:var(--text)}.user-dropdown-role{font-size:.7rem;color:var(--text-muted);margin-top:2px}.menu-item{display:block;padding:8px 14px;font-size:.8rem;color:var(--text-muted);text-decoration:none;background:transparent;cursor:pointer;transition:background .1s;border:none;width:100%;text-align:left}.menu-item:hover{background:#ffffff0f}.menu-item.logout{color:var(--accent)}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:9px;border:none;border-radius:6px;background:transparent;cursor:pointer;flex-shrink:0;margin:auto 0 auto 8px;transition:background .15s ease}.hamburger:hover{background:#ffffff0d}.hamburger .bar{display:block;width:18px;height:1.5px;background:var(--text-muted);border-radius:2px;margin:2.5px 0;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s ease,background .15s ease}.hamburger:hover .bar{background:var(--text)}.hamburger.open .bar:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.hamburger.open .bar:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open .bar:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav-drawer{position:fixed;top:0;left:0;height:100%;width:280px;max-width:85vw;background:var(--bg-card);border-right:1px solid var(--border);transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:200;overflow-y:auto;overscroll-behavior:contain}.nav-drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.drawer-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.drawer-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;padding:4px 8px;border-radius:4px;transition:background .15s ease}.drawer-close:hover{background:#ffffff0d;color:var(--text)}.drawer-nav{list-style:none;padding:8px 0;margin:0}.drawer-item{display:flex;align-items:center;gap:10px;padding:11px 18px;font-size:.85rem;color:var(--text-muted);text-decoration:none;border-left:2px solid transparent;transition:color .15s ease,background .15s ease}.drawer-item:hover{color:var(--text);background:#ffffff0d}.drawer-item.active{color:var(--text);background:#f9731614;border-left-color:var(--accent)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;opacity:0;pointer-events:none;transition:opacity .28s ease;z-index:199}.drawer-backdrop.visible{opacity:1;pointer-events:auto}@media(max-width:1024px){.tab-bar{display:none}.hamburger{display:flex}}.layout-main{max-width:var(--content-max-width);margin:0 auto;padding:1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--content-max-width: 1400px;--bg: #1a1a1a;--bg-card: #2a2a2a;--bg-card-hover: #333;--bg-elevated: #1e1e1e;--border: #3a3a3a;--text: #e8e8e8;--text-muted: #999;--text-dim: #666;--text-inverse: #fff;--accent: #e07a5f;--accent-hover: #e8957d;--accent-bg: rgba(224, 122, 95, .1);--accent-border: rgba(224, 122, 95, .3);--blue: #5b9bd5;--green: #7ec8a0;--orange: #e8a838;--purple: #a78bda;--red: #e05555;--yellow: #eab308;--cyan: #22d3ee;--pink: #d4749a;--coin: #c4a35a;--green-bg: rgba(126, 200, 160, .1);--red-bg: rgba(224, 85, 85, .1);--orange-bg: rgba(232, 168, 56, .1);--blue-bg: rgba(91, 155, 213, .1);--chart-grid: #333;--chart-axis: #666;--chart-tooltip-bg: var(--bg-elevated);--priority-urgent: #ef4444;--priority-high: #f97316;--priority-medium: #eab308;--priority-low: #3b82f6;--status-success: #22c55e;--status-warning: #eab308;--status-error: #f87171;--medal-gold: #FFD700;--medal-silver: #C0C0C0;--medal-bronze: #CD7F32;--radius: 12px;--shadow: 0 2px 8px rgba(0, 0, 0, .3);--hover-bg: rgba(255, 255, 255, .05);--active-bg: rgba(255, 255, 255, .08)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}input{font-family:inherit}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:#ffffff40}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-muted);font-size:1.1rem}