:root{--cc-primary: #87CEEB;--cc-primary-dark: #5bbceb;--cc-primary-soft: #eaf8ff;--cc-white: #ffffff;--cc-bg: #f5fbff;--cc-text: #123040;--cc-muted: #6b7c86;--cc-border: #d7edf8;--cc-shadow: 0 10px 30px rgba(91, 188, 235, .18);--cc-radius: 18px;--cc-sidebar-width: 280px}*{box-sizing:border-box}body{margin:0;background:var(--cc-bg);color:var(--cc-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh;background:linear-gradient(180deg,#fafdff,#eef8ff)}.app-layout{display:flex;min-height:100vh}.app-sidebar{width:var(--cc-sidebar-width);background:var(--cc-white);border-right:1px solid var(--cc-border);box-shadow:var(--cc-shadow);position:sticky;top:0;height:100vh;padding:20px 16px}.app-main{flex:1;min-width:0}.app-header{background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--cc-border);padding:16px 24px;position:sticky;top:0;z-index:50}.app-header-inner{display:flex;justify-content:space-between;align-items:center;gap:16px}.app-brand{display:flex;align-items:center;gap:14px}.app-brand-logo{width:64px;height:64px;object-fit:contain;border-radius:16px;background:#fff;padding:4px;box-shadow:0 8px 18px #00000014}.app-brand-title{margin:0;font-size:1.2rem;font-weight:800}.app-brand-slogan{margin:2px 0 0;font-size:.9rem;color:var(--cc-primary-dark);font-weight:700}.sidebar-section{margin-top:24px}.sidebar-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--cc-muted);margin:0 0 12px;padding:0 10px}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;color:var(--cc-text);font-weight:600;transition:.2s ease}.sidebar-link:hover,.sidebar-link.active{background:var(--cc-primary-soft);color:#0f3a4c}.page-content{padding:24px}.dashboard-hero{background:linear-gradient(135deg,#87ceeb,#bfefff);color:#0d3142;border-radius:26px;padding:24px;box-shadow:var(--cc-shadow)}.card-cc{background:var(--cc-white);border:1px solid var(--cc-border);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow)}.stat-card{padding:18px;height:100%}.stat-label{font-size:.9rem;color:var(--cc-muted);margin-bottom:8px;font-weight:600}.stat-value{font-size:1.5rem;font-weight:800}.table-card{padding:18px}.table-title{font-size:1.1rem;font-weight:800;margin-bottom:14px}.table-responsive{overflow-x:auto}.table-cc{width:100%;border-collapse:collapse;white-space:nowrap}.table-cc th,.table-cc td{padding:12px 14px;border-bottom:1px solid var(--cc-border);text-align:left;font-size:.95rem}.table-cc th{background:#ebf9ff;color:var(--cc-text);font-weight:800}.table-cc tfoot th{background:#f5fcff}.badge-cc{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:700}.badge-success{background:#ddf8e7;color:#1f7a3f}.badge-muted{background:#edf2f5;color:#667784}.auth-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(180deg,#fafdff,#eaf7ff);padding:24px}.auth-card{width:100%;max-width:460px;background:var(--cc-white);border:1px solid var(--cc-border);border-radius:26px;box-shadow:var(--cc-shadow);padding:32px}.auth-logo{width:120px;height:120px;object-fit:contain;background:#fff;border-radius:20px;padding:6px;box-shadow:0 8px 18px #00000014}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:8px;font-weight:700}.form-control{width:100%;border:1px solid var(--cc-border);border-radius:14px;padding:12px 14px;outline:none;background:#fff}.form-control:focus{border-color:var(--cc-primary-dark);box-shadow:0 0 0 4px #87ceeb2e}.btn-cc-primary,.logout-btn{border:none;border-radius:14px;background:var(--cc-primary);color:#0b3344;font-weight:800;padding:12px 16px;cursor:pointer}.btn-cc-primary{width:100%}.btn-cc-primary:hover,.logout-btn:hover{background:var(--cc-primary-dark);color:#fff}.user-box{display:flex;align-items:center;gap:12px}.user-avatar{width:42px;height:42px;border-radius:999px;background:var(--cc-primary-soft);display:grid;place-items:center;font-weight:800}.header-actions{display:flex;align-items:center;gap:12px}.footer-slogan{text-align:center;color:var(--cc-primary-dark);font-weight:700;padding:24px 12px 8px}.grid-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mb-4{margin-bottom:24px}.text-center{text-align:center}.alert{padding:12px 16px;border-radius:14px;margin-bottom:18px;font-weight:600}.alert-success{background:#e4f9ea;color:#1f7a3f;border:1px solid #cdeed8}.alert-danger{background:#ffe9e9;color:#a22b2b;border:1px solid #f5cccc}@media (max-width:1100px){.grid-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two{grid-template-columns:1fr}}@media (max-width:900px){.app-layout{flex-direction:column}.app-sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--cc-border)}}@media (max-width:640px){.grid-stats{grid-template-columns:1fr}.page-content,.app-header{padding:16px}.auth-card{padding:24px}.app-brand-title{font-size:1rem}.app-brand-slogan{font-size:.8rem}}