body{background:#eef2f7;font-family:'Segoe UI',Arial,sans-serif;color:#172033}.navbar{background:#fff;box-shadow:0 2px 15px rgba(0,0,0,.06)}.page-wrapper{min-height:100vh;padding:100px 0 50px}.system-card,.auth-card,.panel-card{background:#fff;border-radius:22px;padding:30px;box-shadow:0 12px 35px rgba(0,0,0,.08)}.login-card{border:0;border-radius:20px;padding:28px;background:#f8fafc;height:100%;transition:.25s}.login-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.08)}.icon-box{width:68px;height:68px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 18px}.form-control,.form-select{border-radius:12px;padding:11px 12px}.btn-system{border-radius:12px;padding:11px 14px;font-weight:600}.sidebar{background:#111827;color:#fff;min-height:100vh}.sidebar a{display:block;color:#d1d5db;text-decoration:none;padding:13px 18px;border-radius:12px;margin-bottom:6px}.sidebar a:hover,.sidebar a.active{background:#2563eb;color:#fff}.stat{border-radius:18px;background:#f8fafc;padding:20px}.table-card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 8px 25px rgba(0,0,0,.06)}