*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #1faa3c;--green-dark: #178030;--green-deep: #0d5c1e;--green-light: #e6f7ea;--green-mid: #b8e6c4;--black: #111111;--ink: #1a1a1a;--yellow: #f5c842;--yellow-light: #fef9e6;--white: #ffffff;--off-white: #f7faf7;--gray-50: #f8faf8;--gray-100: #eef2ee;--gray-200: #d8e4d8;--gray-400: #94a894;--gray-600: #5a6e5a;--gray-800: #2d3a2d;--border: rgba(17,17,17,.09);--border-green: rgba(31,170,60,.2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--shadow-sm: 0 1px 4px rgba(17,17,17,.06);--shadow-md: 0 4px 16px rgba(17,17,17,.08);--shadow-lg: 0 8px 32px rgba(17,17,17,.1);--sidebar-width: 240px}html{scroll-behavior:smooth}body{font-family:Sora,sans-serif;background:var(--off-white);color:var(--ink);line-height:1.6;font-size:14px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:Righteous,cursive;font-weight:400;line-height:1.2}button{font-family:Sora,sans-serif;cursor:pointer}input,select,textarea{font-family:Sora,sans-serif}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:50px;font-size:11px;font-weight:600;letter-spacing:.02em}.badge-confirmed{background:var(--green-light);color:var(--green-dark)}.badge-pending{background:var(--yellow-light);color:#7a5c00}.badge-cancelled{background:#fee2e2;color:#991b1b}.badge-active{background:var(--green-light);color:var(--green-dark)}.badge-group{background:var(--gray-100);color:var(--gray-600)}.badge-private{background:var(--yellow-light);color:#7a5c00}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:50px;font-size:13px;font-weight:500;border:none;transition:all .18s;white-space:nowrap;cursor:pointer}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:var(--green-dark);transform:translateY(-1px);box-shadow:0 4px 12px #1faa3c4d}.btn-outline{background:transparent;color:var(--ink);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--green);color:var(--green)}.btn-danger{background:#fee2e2;color:#991b1b}.btn-danger:hover{background:#fecaca}.btn-yellow{background:var(--yellow);color:#5a4000}.btn-yellow:hover{background:#e0b430}.btn-sm{padding:5px 12px;font-size:12px}.btn-icon{padding:6px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border);color:var(--gray-600)}.btn-icon:hover{background:var(--gray-100)}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.form-group label{font-size:12px;font-weight:600;color:var(--gray-600)}.form-control{padding:8px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--ink);background:var(--off-white);outline:none;transition:border-color .18s,background .18s;width:100%}.form-control:focus{border-color:var(--green);background:#fff}.table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border)}table{width:100%;border-collapse:collapse}thead{background:var(--gray-50)}th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--gray-600);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:11px 14px;font-size:13px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--gray-50)}.avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;background:var(--green-light);color:var(--green-dark)}.avatar-sm{width:26px;height:26px;font-size:10px}.avatar-lg{width:48px;height:48px;font-size:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem}.modal-box{background:#fff;border-radius:var(--radius-xl);padding:2rem;max-width:500px;width:100%;position:relative;box-shadow:var(--shadow-lg);animation:slideUp .25s ease;max-height:90vh;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:var(--gray-100);border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:var(--gray-200)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--gray-400)}.empty-state p{font-size:13px}.stat-card{background:#fff;border-radius:var(--radius-lg);padding:1.25rem 1.5rem;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.stat-num{font-family:Righteous,cursive;font-size:2rem;color:var(--green);line-height:1}.stat-label{font-size:11px;color:var(--gray-600);font-weight:500;margin-top:3px;text-transform:uppercase;letter-spacing:.04em}.progress-bar{height:7px;background:var(--green-light);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--green);border-radius:4px;transition:width .6s ease}.stars{color:var(--yellow);font-size:13px}@media (max-width: 768px){:root{--sidebar-width: 0px}}