*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:linear-gradient(180deg,#5a4fcf,#4338ca);color:#fff;padding:20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;margin-bottom:25px}.logo{width:42px;height:42px;border-radius:8px;background:#fff;object-fit:cover}.nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#fff;text-decoration:none;font-size:14px;transition:.2s}.nav-item:hover{background:hsla(0,0%,100%,.2)}.main{flex:1 1;background:#f5f7fb;padding:30px;overflow-x:hidden}h2{margin-bottom:15px}h3{margin-bottom:12px}h4{margin-top:15px;margin-bottom:6px}.card{background:#fff;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 3px 10px rgba(0,0,0,.05)}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}input,select,textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px}button{margin-top:8px;padding:10px 14px;border:none;border-radius:8px;background:#4f46e5;color:#fff;cursor:pointer}button:hover{opacity:.9}.card>*+*{margin-top:12px}table{width:100%;border-collapse:collapse;margin-top:10px}th{text-align:left;background:#f1f5f9;font-size:13px}td,th{padding:12px}td{border-bottom:1px solid #eee}.badge{padding:4px 10px;border-radius:6px;font-size:12px}.green{background:#d1fae5;color:#065f46}.red{background:#fee2e2;color:#991b1b}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}