:root{--bg-primary: #1e1e1e;--bg-secondary: #252526;--bg-tertiary: #2d2d2d;--bg-input: #3c3c3c;--text-primary: #cccccc;--text-bright: #ffffff;--text-muted: #969696;--accent-primary: #007acc;--accent-hover: #0062a3;--border-color: #454545;--error-bg: #4a1c1c;--error-text: #f88070;--success-bg: #1e3a1e;--success-text: #a6d1a6;--admin-color: #f39c12;--admin-hover: #e67e22;--logout-color: #e74c3c;--logout-hover: #c0392b}body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}.btn{padding:8px 16px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;min-width:100px;width:auto}.btn-primary{background-color:var(--accent-primary);color:var(--text-bright)}.btn-primary:hover{background-color:var(--accent-hover)}.btn-primary:disabled{background-color:var(--bg-input);cursor:not-allowed;color:var(--text-muted)}.btn-nav{background-color:var(--bg-tertiary);color:var(--text-primary);padding:8px 16px;margin-right:10px;font-size:14px}.btn-nav:hover{background-color:var(--bg-input);color:var(--text-bright)}.btn-nav.active{background-color:var(--accent-primary);color:var(--text-bright)}.btn-nav-admin{background-color:var(--bg-tertiary);color:var(--admin-color);padding:8px 16px;margin-right:10px;font-size:14px}.btn-nav-admin:hover{background-color:var(--admin-hover);color:#fff}.btn-nav-admin.active{background-color:var(--admin-color);color:#fff}.btn-logout{background-color:var(--logout-color);color:#fff;padding:8px 16px;font-size:14px}.btn-logout:hover{background-color:var(--logout-hover)}.app-header{background-color:var(--bg-secondary);color:var(--text-bright);padding:20px;box-shadow:0 2px 10px #0000004d;border-bottom:1px solid var(--border-color)}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%}.header-content h1{margin:0;font-size:28px;font-weight:500}.user-info{display:flex;align-items:center;gap:20px;font-size:14px}.user-greeting{color:var(--text-muted)}.user-greeting strong{font-weight:500;color:var(--text-bright)}.admin-nav{display:flex;gap:10px;margin:0 10px}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:30px 20px}@media(max-width:768px){.app-header{padding:15px 10px}.header-content{flex-direction:column;align-items:center;gap:15px;text-align:center}.header-content h1{font-size:20px}.user-info{flex-direction:column;gap:10px;width:100%}.user-greeting{margin-bottom:5px}.admin-nav{flex-wrap:wrap;justify-content:center;width:100%;margin:10px 0}.btn{width:100%;min-width:unset}.btn-nav,.btn-nav-admin,.btn-logout{margin-right:0;margin-bottom:5px;width:100%}.main-content{padding:20px 10px}}