*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f1419;--bg-secondary: #16181d;--bg-tertiary: #1e2026;--text-primary: #e6edf3;--text-secondary: #7d8590;--accent-blue: #0969da;--accent-blue-hover: #1f6feb;--border-color: #30363d;--danger: #da3633;--danger-hover: #b62324}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}.app-layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:transform .3s ease;position:fixed;height:100vh;z-index:100}.sidebar.collapsed{transform:translate(-240px)}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{font-size:18px;color:var(--text-primary)}.sidebar-toggle{background:transparent;color:var(--text-secondary);padding:8px;cursor:pointer;border-radius:6px;transition:all .2s}.sidebar-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-nav{flex:1;padding:20px 0}.sidebar-nav a{display:flex;align-items:center;padding:12px 20px;color:var(--text-secondary);text-decoration:none;transition:all .2s;border-left:3px solid transparent}.sidebar-nav a:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-nav a.active{background:var(--bg-tertiary);color:var(--accent-blue);border-left-color:var(--accent-blue)}.sidebar-footer{padding:20px;border-top:1px solid var(--border-color)}.main-content{flex:1;margin-left:240px;transition:margin-left .3s ease;padding:30px;min-height:100vh}.main-content.expanded{margin-left:0}.page-header{margin-bottom:30px}.page-header h1{font-size:28px;color:var(--text-primary);margin-bottom:8px}.page-header p{color:var(--text-secondary);font-size:14px}.container{max-width:1400px}button{cursor:pointer;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent-blue);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-blue-hover)}button.danger{background:var(--danger);color:#fff}button.danger:hover:not(:disabled){background:var(--danger-hover)}button.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}button.secondary:hover:not(:disabled){background:var(--bg-secondary)}input,textarea,select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;margin-bottom:15px;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-blue);background:var(--bg-primary)}label{display:block;margin-bottom:8px;color:var(--text-primary);font-size:14px;font-weight:500}.card{background:var(--bg-secondary);padding:20px;border-radius:8px;border:1px solid var(--border-color);margin-bottom:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:16px;font-weight:600;color:var(--text-primary)}.card-actions{display:flex;gap:10px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state h3{margin-bottom:8px;color:var(--text-primary)}.toggle-sidebar-btn{position:fixed;top:20px;left:20px;z-index:101;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:10px;border-radius:6px;display:none}@media (max-width: 768px){.toggle-sidebar-btn{display:block}.sidebar{transform:translate(-240px)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}}