*{box-sizing:border-box}body{margin:0;padding:0}:root{--primary: #2563eb;--secondary: #64748b;--bg: #f8fafc;--text: #1e293b;--white: #ffffff;--border: #e2e8f0}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg);color:var(--text)}.container{display:flex;min-height:100vh}nav{width:200px;background:#1e293b;color:#fff;padding:20px}nav h2{font-size:1.2rem;margin-bottom:2rem;color:#38bdf8}nav ul{list-style:none;padding:0}nav li{margin-bottom:1rem}nav a{color:#cbd5e1;text-decoration:none;font-weight:500;display:block;padding:10px;border-radius:6px;transition:background .2s}nav a:hover{background:#334155;color:#fff}main{flex:1;padding:40px}.card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}h1{margin-top:0;font-size:1.5rem}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border)}th{background:#f1f5f9;font-weight:600}.btn{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:opacity .2s}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--secondary);color:#fff}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}input,select,textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;box-sizing:border-box}.flex{display:flex;gap:10px;align-items:center}.space-between{justify-content:space-between}