:root{--primary: #2c3e50;--secondary: #34495e;--accent: #3498db;--success: #27ae60;--danger: #e74c3c;--warning: #f1c40f;--bg-light: #f4f7f6;--white: #ffffff;--gray: #95a5a6;--shadow: 0 4px 6px rgba(0,0,0,.1)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-light);color:var(--primary)}.app-container{display:flex;min-height:100vh}.sidebar{width:240px;background-color:var(--primary);color:var(--white);padding:30px 0;display:flex;flex-direction:column}.sidebar h3{padding:0 20px;margin-bottom:40px;font-size:1.2rem;font-weight:700;letter-spacing:1px}.nav-link{padding:15px 20px;color:#bdc3c7;text-decoration:none;display:block;transition:all .3s}.nav-link:hover,.nav-link.active{background-color:var(--secondary);color:var(--white);border-left:4px solid var(--accent)}.main-content{flex:1;padding:40px}table{width:100%;border-collapse:collapse;background:var(--white);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);margin-top:20px}th{background-color:#ecf0f1;padding:15px;text-align:left;font-weight:600}td{padding:15px;border-bottom:1px solid #eee}tr:hover{background-color:#f9f9f9}input,select,textarea{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1rem;width:100%;box-sizing:border-box}button{padding:12px 20px;background-color:var(--accent);color:var(--white);border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:opacity .3s}button:hover{opacity:.9}button.danger{background-color:var(--danger)}@media(max-width:768px){.app-container{flex-direction:column}.sidebar{width:100%;padding:10px 0}.main-content{padding:20px}}