*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #3eaf7c;--primary-light: #4fc08d;--text-color: #2c3e50;--text-light: #5a6c7d;--text-muted: #8b9cb5;--bg-color: #ffffff;--bg-sidebar: #ffffff;--bg-hover: #f6f8fa;--border-color: #eaecef;--border-light: #f0f0f0;--code-bg: #2d3748;--code-text: #e2e8f0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.6;color:var(--text-color);background-color:#f5f7fa;min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;background-color:var(--bg-color);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.logo{display:flex;align-items:center;gap:0rem;text-decoration:none}.logo:hover .logo-text{color:#3544ef}.logo-icon{width:144px;height:42px;color:var(--primary-color)}.logo-text{font-size:1.15rem;font-weight:600;color:var(--text-color)}.nav{display:flex;gap:.5rem}.nav-link{position:relative;color:var(--text-light);text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:all .2s ease;font-size:.95rem}.nav-link:hover{color:var(--primary-color);background-color:var(--bg-hover)}.nav-link.active{color:var(--primary-color);font-weight:500}.nav-link.active:after{content:"";position:absolute;bottom:-13px;left:50%;transform:translate(-50%);width:20px;height:2px;background-color:var(--primary-color);border-radius:1px}.user-info{display:flex;align-items:center;gap:1rem}.user-role{font-size:.9rem;color:var(--text-muted)}.login-btn,.logout-btn{padding:.45rem 1rem;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.login-btn{background-color:var(--primary-color);color:#fff;text-decoration:none}.login-btn:hover{background-color:var(--primary-light)}.logout-btn{background-color:#f5f7fa;color:var(--text-light)}.logout-btn:hover{background-color:#eaecef;color:var(--text-color)}.main-content{flex:1;padding:5.5rem 2rem 2rem}