@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#4d4727;background:#e9e2cf;padding:16px;font-family:Inter,sans-serif}.app-layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#5a532c;border-radius:28px;width:270px;height:calc(100vh - 32px);padding:30px 20px;position:fixed;overflow-y:auto}.sidebar-logo{margin-bottom:40px;font-family:Playfair Display,serif;font-size:34px}.sidebar-section{opacity:.6;letter-spacing:1px;margin-top:30px;margin-bottom:15px;font-size:13px}.sidebar-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:16px;width:100%;margin-bottom:10px;padding:15px;font-size:15px;transition:all .2s}.sidebar-item:hover{background:#ffffff1f}.sidebar-active{background:#ffffff29}.main-content{width:calc(100% - 290px);margin-left:290px;padding:10px 20px 30px}.topbar{background:#fff;border-radius:28px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:22px 30px;display:flex;box-shadow:0 8px 30px #0000000a}.dashboard-title{font-family:Playfair Display,serif;font-size:38px;line-height:1.1}.dashboard-subtitle{opacity:.6;margin-top:6px}.logout-btn{color:#fff;cursor:pointer;background:#5a532c;border:none;border-radius:16px;padding:14px 20px;font-size:14px;transition:all .2s}.logout-btn:hover{opacity:.9;transform:translateY(-1px)}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#fff;border-radius:32px;width:100%;max-width:480px;padding:45px;box-shadow:0 10px 40px #00000014}.auth-title{margin-bottom:12px;font-family:Playfair Display,serif;font-size:50px}.auth-subtitle{opacity:.65;margin-bottom:30px}.auth-input{border:2px solid #ded6c2;border-radius:18px;outline:none;width:100%;margin-bottom:18px;padding:16px;font-size:15px;transition:all .2s}.auth-input:focus{border-color:#5a532c}.auth-button{color:#fff;cursor:pointer;background:#5a532c;border:none;border-radius:18px;width:100%;padding:16px;font-size:15px;transition:all .2s}.auth-button:hover{opacity:.92}.auth-link{text-align:center;margin-top:24px}.auth-link a{color:#5a532c;font-weight:600;text-decoration:none}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin-bottom:30px;display:grid}.analytics-card{background:#fff;border-radius:26px;flex-direction:column;justify-content:center;min-height:140px;padding:26px;display:flex;box-shadow:0 8px 25px #0000000a}.analytics-card h3{opacity:.6;text-transform:uppercase;margin-bottom:12px;font-size:14px}.analytics-card p{font-family:Playfair Display,serif;font-size:42px;font-weight:700}.charts-grid{grid-template-columns:1.7fr 1fr;gap:22px;margin-bottom:30px;display:grid}.chart-card{background:#fff;border-radius:26px;height:420px;padding:24px;position:relative;box-shadow:0 8px 25px #0000000a}.chart-card h2{margin-bottom:18px}.chart-card canvas{max-height:320px!important}.celebration-section{margin-bottom:30px}.celebration-title{margin-bottom:20px;font-family:Playfair Display,serif;font-size:30px}.celebration-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.celebration-card{background:#fff;border-radius:26px;padding:24px;box-shadow:0 8px 25px #0000000a}.celebration-card h3{margin-bottom:20px}.celebration-item{background:#f7f2e8;border-radius:18px;margin-bottom:14px;padding:16px}.celebration-item h4{margin-bottom:8px}.celebration-item p{margin-bottom:4px;font-size:14px}.feedback-section{margin-top:20px}.feedback-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.export-btn{color:#fff;cursor:pointer;background:#5a532c;border:none;border-radius:14px;padding:12px 18px}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:22px;display:grid}.dashboard-input{background:#fff;border:2px solid #ded6c2;border-radius:16px;outline:none;width:100%;padding:14px;transition:all .2s}.dashboard-input:focus{border-color:#5a532c}.table-wrapper{background:#fff;border-radius:26px;overflow-x:auto;box-shadow:0 8px 25px #0000000a}.dashboard-table{border-collapse:collapse;width:100%;min-width:1500px}.dashboard-table thead{color:#fff;background:#5a532c}.dashboard-table th{text-align:left;padding:18px;font-size:14px}.dashboard-table td{vertical-align:top;border-bottom:1px solid #eee;padding:16px;font-size:14px}.dashboard-table tr:hover{background:#faf8f4}.remarks-box{resize:vertical;border:1px solid #ddd;border-radius:14px;width:220px;min-height:90px;padding:12px;font-family:Inter,sans-serif}.delete-btn{color:#fff;cursor:pointer;background:#b93b3b;border:none;border-radius:12px;padding:10px 14px}.delete-btn:hover{opacity:.9}.user-management-section{margin-top:40px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cdbd98;border-radius:20px}.table-wrapper::-webkit-scrollbar{height:10px}@media (width<=1200px){.charts-grid{grid-template-columns:1fr}}@media (width<=1000px){.sidebar{display:none}.main-content{width:100%;margin-left:0}}@media (width<=768px){body{padding:10px}.main-content{padding:0}.topbar{border-radius:22px;flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.dashboard-title{font-size:28px}.charts-grid,.celebration-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:1fr 1fr}.chart-card{height:360px}.chart-card canvas{max-height:250px!important}.auth-card{padding:30px}.auth-title{font-size:38px}}@media (width<=480px){.cards-grid{grid-template-columns:1fr}.dashboard-title{font-size:24px}.topbar{padding:18px}.analytics-card p{font-size:34px}.chart-card{height:320px;padding:18px}.chart-card canvas{max-height:210px!important}}.pagination-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;display:flex}.pagination-left{align-items:center;gap:12px;display:flex}.pagination-controls{align-items:center;gap:14px;display:flex}.pagination-btn{color:#fff;cursor:pointer;background:#5a532c;border:none;border-radius:12px;padding:10px 16px}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-number{font-weight:600}.pagination-select{width:90px}