.sidebar{background:linear-gradient(180deg,#1e3c72,#2a5298 50%,#0d9488);box-shadow:4px 0 20px #0000004d;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:1000}.sidebar,.sidebar.open{width:250px}.sidebar.closed{width:70px}.sidebar-header{border-bottom:1px solid #ffffff1a;overflow:hidden;padding:25px 20px;position:relative;white-space:nowrap}.logo-text{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0;transition:opacity .3s ease}.logo-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:28px}.logo-icon,.logo-name{-webkit-text-fill-color:#0000}.logo-name{background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text}.sidebar.closed .logo-text{opacity:0;overflow:hidden;width:0}.hamburger-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;padding:8px;position:absolute;right:20px;top:20px;transition:all .3s ease;width:36px;z-index:1001}.hamburger-btn:hover{background:#ffffff40;transform:scale(1.05)}.sidebar.closed .hamburger-btn{left:50%;margin:0;position:absolute;right:auto;top:50%;transform:translate(-50%,-50%)}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:20px 0}.sidebar.closed .sidebar-nav{opacity:0;pointer-events:none}.nav-item{align-items:center;color:#fffc;display:flex;gap:15px;overflow:hidden;padding:14px 25px;position:relative;text-decoration:none;transition:all .3s ease}.nav-item:before{background:linear-gradient(135deg,#fbbf24,#f59e0b);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:4px}.nav-item:hover{background:#ffffff1a;color:#fff;padding-left:30px}.nav-item:hover:before{transform:translateX(0)}.nav-item.active{background:#ffffff26;border-left:4px solid #fbbf24;color:#fff}.nav-item.active:before{transform:translateX(0)}.nav-icon{font-size:20px;min-width:20px;transition:transform .3s ease}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-text{font-size:15px;font-weight:500;white-space:nowrap}.sidebar.closed .nav-text{opacity:0;overflow:hidden;width:0}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar.closed{transform:translateX(-100%);width:0}}.dashboard{padding:20px}.dashboard-header{margin-bottom:30px}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:32px;font-weight:700;margin-bottom:8px}.dashboard-header p{color:#ffffffb3;font-size:16px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card:before{background:var(--card-color);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{background:#ffffff26;box-shadow:0 8px 32px #0003;transform:translateY(-4px)}.stat-icon{align-items:center;background:var(--card-color);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-content h3{color:#ffffffe6;font-size:14px;font-weight:500;margin-bottom:8px}.stat-value{color:#fff;font-size:28px;font-weight:700;margin:0}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:24px}.chart-card h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px}.pie-legend{display:flex;flex-direction:column;gap:8px;margin-top:16px}.legend-item{align-items:center;display:flex;gap:8px}.legend-color{border-radius:2px;height:12px;width:12px}.legend-label{color:#fffc;font-size:14px}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:16px;overflow:hidden;padding:24px;position:relative}.summary-card h3{color:#ffffffe6;font-size:16px;font-weight:500;margin-bottom:12px}.summary-value{color:#fff;font-size:36px;font-weight:700;margin:0}.summary-icon{color:#fff3;font-size:32px;position:absolute;right:20px;top:20px}@media (max-width:768px){.charts-grid,.stats-grid,.summary-cards{grid-template-columns:1fr}}.athletes-page{padding:20px}.btn-add{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.btn-add:hover{box-shadow:0 6px 20px #3b82f666}.search-input:focus{box-shadow:0 0 0 3px #3b82f633}.athletes-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.athlete-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.athlete-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.athlete-card:hover{background:#ffffff26;box-shadow:0 8px 32px #0003;transform:translateY(-4px)}.athlete-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.athlete-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.athlete-info{flex:1 1}.athlete-info h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.athlete-position{color:#ffffffb3;font-size:14px}.athlete-status{align-items:center;display:flex}.athlete-details{margin-bottom:20px}.performance-score{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-weight:700}.athlete-actions{display:flex;gap:12px}.btn-edit{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.btn-edit:hover{background:#3b82f64d}.athlete-form{display:flex;flex-direction:column;gap:20px}.form-group input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f633}.checkbox-group input[type=checkbox]{accent-color:#3b82f6}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{box-shadow:0 6px 20px #3b82f666}@media (max-width:768px){.athletes-grid,.form-row{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column;gap:16px}.modal-content{padding:24px}}.teams-page{padding:20px}.btn-add{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.btn-add:hover{box-shadow:0 6px 20px #f59e0b66}.search-input:focus{box-shadow:0 0 0 3px #f59e0b33}.teams-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.team-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.team-card:before{background:linear-gradient(90deg,#f59e0b,#f97316);content:"";height:4px;left:0;position:absolute;right:0;top:0}.team-card:hover{background:#ffffff26;box-shadow:0 8px 32px #0003;transform:translateY(-4px)}.team-header{gap:16px;margin-bottom:20px}.team-header,.team-logo{align-items:center;display:flex}.team-logo{background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:12px;color:#fff;font-size:24px;height:56px;justify-content:center;width:56px}.team-info{flex:1 1}.team-info h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.team-sport{color:#ffffffb3;font-size:14px}.team-trophies{align-items:center;background:#fbbf2433;border:1px solid #fbbf244d;border-radius:20px;display:flex;gap:8px;padding:8px 12px}.trophy-icon{color:#fbbf24;font-size:16px}.trophy-count{color:#fbbf24;font-size:14px;font-weight:700}.team-details{margin-bottom:20px}.member-count{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;font-weight:700}.team-actions{display:flex;gap:12px}.btn-edit{background:#f59e0b33;border:1px solid #f59e0b4d;color:#f59e0b}.btn-edit:hover{background:#f59e0b4d}.team-form{display:flex;flex-direction:column;gap:20px}.form-group input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:15px;padding:12px 16px;transition:all .3s ease}.form-group input:focus{background:#ffffff26;border-color:#f59e0b80;box-shadow:0 0 0 3px #f59e0b33;outline:none}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.btn-primary:hover{box-shadow:0 6px 20px #f59e0b66}@media (max-width:768px){.form-row,.teams-grid{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column;gap:16px}.modal-content{padding:24px}}.equipment-page{padding:20px}.btn-add{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.btn-add:hover{box-shadow:0 6px 20px #8b5cf666}.search-input:focus{box-shadow:0 0 0 3px #8b5cf633}.equipment-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.equipment-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.equipment-card:before{background:linear-gradient(90deg,#8b5cf6,#a855f7);content:"";height:4px;left:0;position:absolute;right:0;top:0}.equipment-card:hover{background:#ffffff26;box-shadow:0 8px 32px #0003;transform:translateY(-4px)}.equipment-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.equipment-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:12px;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.equipment-info{flex:1 1}.equipment-info h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.equipment-category{color:#ffffffb3;font-size:14px}.equipment-quantity{align-items:center;background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:20px;display:flex;gap:8px;padding:8px 12px}.box-icon{color:#8b5cf6;font-size:16px}.quantity-badge{color:#8b5cf6;font-size:14px;font-weight:700}.equipment-details{margin-bottom:20px}.price{color:#10b981;font-weight:600}.total-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;font-weight:700}.condition-badge{font-size:13px;font-weight:600;text-transform:uppercase}.equipment-actions{display:flex;gap:12px}.btn-edit{background:#8b5cf633;border:1px solid #8b5cf64d;color:#8b5cf6}.btn-edit:hover{background:#8b5cf64d}.equipment-form{display:flex;flex-direction:column;gap:20px}.form-group input:focus,.form-group select:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf633}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.btn-primary:hover{box-shadow:0 6px 20px #8b5cf666}@media (max-width:768px){.equipment-grid,.form-row{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column;gap:16px}.modal-content{padding:24px}}.training-sessions-page{padding:20px}.btn-add{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 12px #06b6d44d}.btn-add:hover{box-shadow:0 6px 20px #06b6d466}.search-input:focus{box-shadow:0 0 0 3px #06b6d433}.sessions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.session-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.session-card:before{background:linear-gradient(90deg,#06b6d4,#14b8a6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.session-card:hover{background:#ffffff26;box-shadow:0 8px 32px #0003;transform:translateY(-4px)}.session-header{gap:16px;margin-bottom:20px}.session-header,.session-icon{align-items:center;display:flex}.session-icon{background:linear-gradient(135deg,#06b6d4,#14b8a6);border-radius:12px;color:#fff;font-size:24px;height:56px;justify-content:center;width:56px}.session-info{flex:1 1}.session-info h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.session-team{color:#ffffffb3;font-size:14px}.session-type-badge{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.session-details{margin-bottom:20px}.detail-row.notes-row{align-items:flex-start;flex-direction:column;gap:8px}.participants-count{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#06b6d4,#14b8a6);-webkit-background-clip:text;background-clip:text;font-weight:700}.notes{color:#fffc;font-style:italic;line-height:1.4}.session-actions{display:flex;gap:12px}.btn-edit{background:#06b6d433;border:1px solid #06b6d44d;color:#06b6d4}.btn-edit:hover{background:#06b6d44d}.session-form{display:flex;flex-direction:column;gap:20px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#06b6d480;box-shadow:0 0 0 3px #06b6d433}.btn-primary{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 12px #06b6d44d}.btn-primary:hover{box-shadow:0 6px 20px #06b6d466}@media (max-width:768px){.form-row,.sessions-grid{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column;gap:16px}.modal-content{padding:24px}}.competitions-page{padding:20px}.btn-add{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.btn-add:hover{box-shadow:0 6px 20px #ef444466}.search-input:focus{box-shadow:0 0 0 3px #ef444433}.competitions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.competition-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.competition-card:before{background:linear-gradient(90deg,#ef4444,#f97316);content:"";height:4px;left:0;position:absolute;right:0;top:0}.competition-card:hover{background:#ffffff26;box-shadow:0 8px 32px #0003;transform:translateY(-4px)}.competition-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.competition-icon{align-items:center;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:12px;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.competition-info{flex:1 1}.competition-info h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.competition-sport{color:#ffffffb3;font-size:14px}.competition-status-badge{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.competition-details{margin-bottom:20px}.type-badge{font-size:13px;font-weight:600;text-transform:uppercase}.teams-count{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text}.prize-amount,.teams-count{-webkit-text-fill-color:#0000;font-weight:700}.prize-amount{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text}.competition-actions{display:flex;gap:12px}.btn-edit{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.btn-edit:hover{background:#ef44444d}.competition-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:15px;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{background:#ffffff26;border-color:#ef444480;box-shadow:0 0 0 3px #ef444433;outline:none}.btn-primary{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.btn-primary:hover{box-shadow:0 6px 20px #ef444466}@media (max-width:768px){.competitions-grid,.form-row{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column;gap:16px}.modal-content{padding:24px}}.facilities-page{padding:20px}.btn-add{background:linear-gradient(135deg,#84cc16,#65a30d);box-shadow:0 4px 12px #84cc164d}.btn-add:hover{box-shadow:0 6px 20px #84cc1666}.search-input:focus{box-shadow:0 0 0 3px #84cc1633}.facilities-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.facility-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.facility-card:before{background:linear-gradient(90deg,#84cc16,#a3e635);content:"";height:4px;left:0;position:absolute;right:0;top:0}.facility-card:hover{background:#ffffff26;box-shadow:0 8px 32px #0003;transform:translateY(-4px)}.facility-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.facility-icon{align-items:center;background:linear-gradient(135deg,#84cc16,#a3e635);border-radius:12px;display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.facility-emoji{filter:grayscale(0) brightness(10)}.facility-info{flex:1 1}.facility-info h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.facility-type{color:#ffffffb3;font-size:14px}.facility-status-badge{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.facility-details{margin-bottom:20px}.detail-row.equipment-row{align-items:flex-start;flex-direction:column;gap:8px}.location{align-items:center;display:flex;gap:6px}.capacity-count{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#84cc16,#65a30d);-webkit-background-clip:text;background-clip:text;font-weight:700}.booking-rate{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;font-weight:600}.equipment{color:#fffc;font-size:13px;font-style:italic;line-height:1.4}.facility-actions{display:flex;gap:12px}.btn-edit{background:#84cc1633;border:1px solid #84cc164d;color:#84cc16}.btn-edit:hover{background:#84cc164d}.facility-form{display:flex;flex-direction:column;gap:20px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#84cc1680;box-shadow:0 0 0 3px #84cc1633}.rate-info small{color:#ffffff80;font-size:12px}.btn-primary{background:linear-gradient(135deg,#84cc16,#65a30d);box-shadow:0 4px 12px #84cc164d}.btn-primary:hover{box-shadow:0 6px 20px #84cc1666}@media (max-width:768px){.facilities-grid,.form-row{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column;gap:16px}.modal-content{padding:24px}}.staff-page{padding:20px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:28px;font-weight:700;margin:0}.btn-add{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:10px;box-shadow:0 4px 12px #f973164d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-add:hover{box-shadow:0 6px 20px #f9731666;transform:translateY(-2px)}.search-bar{margin-bottom:30px;position:relative}.search-icon{color:#ffffff80;font-size:16px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:15px;padding:14px 16px 14px 48px;transition:all .3s ease;width:100%}.search-input::placeholder{color:#ffffff80}.search-input:focus{background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 3px #f9731633;outline:none}.staff-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.staff-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.staff-card:before{background:linear-gradient(90deg,#f97316,#fb923c);content:"";height:4px;left:0;position:absolute;right:0;top:0}.staff-card:hover{background:#ffffff26;box-shadow:0 8px 32px #0003;transform:translateY(-4px)}.staff-header{gap:16px;margin-bottom:20px}.staff-avatar,.staff-header{align-items:center;display:flex}.staff-avatar{background:linear-gradient(135deg,#f97316,#fb923c);border-radius:12px;font-size:28px;height:56px;justify-content:center;width:56px}.role-emoji{filter:grayscale(0) brightness(10)}.staff-info{flex:1 1}.staff-info h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.staff-role{color:#ffffffb3;font-size:14px}.staff-status{align-items:center;display:flex}.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-badge.active{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.status-badge.inactive{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.staff-details{margin-bottom:20px}.detail-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-row.certifications-row{align-items:flex-start;flex-direction:column;gap:8px}.detail-label{color:#ffffffb3;font-size:14px}.detail-value{color:#fff;font-size:14px;font-weight:500}.email{color:#f97316;font-weight:500}.salary{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;font-weight:700}.certifications{color:#fffc;font-size:13px;font-style:italic;line-height:1.4}.staff-actions{display:flex;gap:12px}.btn-delete,.btn-edit{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-edit{background:#f9731633;border:1px solid #f973164d;color:#f97316}.btn-edit:hover{background:#f973164d;transform:translateY(-1px)}.btn-delete{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.btn-delete:hover{background:#ef44444d;transform:translateY(-1px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;width:90%}.modal-content h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 24px}.staff-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#ffffffe6;font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:15px;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff26;border-color:#f9731680;box-shadow:0 0 0 3px #f9731633;outline:none}.form-group select option{background:#1e293b;color:#fff}.form-group textarea{min-height:80px;resize:vertical}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-group input[type=checkbox]{accent-color:#f97316;height:18px;width:18px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 12px #f973164d;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #f9731666;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.btn-secondary:hover{background:#ffffff26;color:#fff}@media (max-width:768px){.form-row,.staff-grid{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column;gap:16px}.modal-content{padding:24px}}.app-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh}.main-content{margin-left:250px;min-height:100vh;padding:20px;transition:margin-left .3s ease,width .3s ease;width:calc(100% - 250px)}.main-content.sidebar-closed{margin-left:70px;width:calc(100% - 70px)}@media (max-width:768px){.main-content{padding:10px}.main-content,.main-content.sidebar-closed{margin-left:0;width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading{align-items:center;color:#fff;display:flex;font-size:24px;height:100vh;justify-content:center}.error{color:#ff6b6b;font-size:18px;padding:20px;text-align:center}