:root{--brand-burgundy:#5b1719;--brand-orange:#ef6905;--brand-cream:#f1e5a1;--brand-green:#486c2f;--bg-dark:#0f172a;--bg-darker:#090d16;--bg-panel:#1e293bd9;--bg-panel-hover:#334155e6;--border-subtle:#ffffff1a;--border-active:#ef690566;--border-green:#486c2f80;--text-main:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--shadow-glow:0 0 20px #ef690526;--font-family:"Inter", "Source Sans 3", system-ui, -apple-system, sans-serif}body{background-color:var(--bg-darker);color:var(--text-main);font-family:var(--font-family);min-height:100vh;overflow-x:hidden}.teams-app-layout{min-height:100vh;display:flex}.teams-sidebar{border-right:1px solid var(--border-subtle);z-index:1000;background:#0f172a;flex-direction:column;width:280px;transition:transform .3s,width .3s;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 20px #0006}.sidebar-header{border-bottom:1px solid var(--border-subtle);background:#090d16cc;padding:20px 24px}.brand-logo-badge{align-items:center;gap:12px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--brand-orange), var(--brand-burgundy));color:#fff;letter-spacing:-.5px;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:flex;box-shadow:0 4px 12px #ef690559}.brand-text{color:#fff;letter-spacing:-.5px;font-size:18px;font-weight:800}.brand-subtext{color:var(--brand-cream);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600}.sidebar-section{text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;padding:18px 16px 8px;font-size:11px;font-weight:700}.sidebar-nav{flex:1;padding:12px;overflow-y:auto}.nav-item-btn{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:11px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item-btn:hover{color:#fff;background:#ffffff0f;transform:translate(2px)}.nav-item-btn.active{border-color:var(--border-active);color:#fff;background:linear-gradient(90deg,#ef690540,#5b171966);font-weight:600;box-shadow:0 4px 14px #ef690526}.sidebar-footer{border-top:1px solid var(--border-subtle);background:#090d16e6;padding:16px 20px}.teams-main-wrapper{flex-direction:column;flex:1;min-width:0;margin-left:280px;display:flex}.teams-navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:900;background:#0f172af2;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.nav-title-area{align-items:center;gap:16px;display:flex}.page-title{color:#fff;font-size:19px;font-weight:700}.nav-controls-area{align-items:center;gap:16px;display:flex}.role-badge-tag{border:1px solid var(--border-subtle);background:#1e293be6;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:flex}.page-container{width:100%;max-width:1600px;margin:0 auto;padding:28px 32px}.content-header{margin-bottom:24px}.breadcrumb-bar{color:var(--text-muted);align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.breadcrumb-bar a{color:var(--text-secondary);text-decoration:none}.breadcrumb-bar a:hover{color:var(--brand-orange)}.adminlte-stat-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.small-box{color:#fff;border-radius:12px;margin-bottom:0;padding:20px;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000040}.small-box:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0006}.small-box.bg-orange-gradient{background:linear-gradient(135deg,#ef6905,#c2410c)}.small-box.bg-blue-gradient{background:linear-gradient(135deg,#0284c7,#0369a1)}.small-box.bg-green-gradient{background:linear-gradient(135deg,#16a34a,#15803d)}.small-box.bg-burgundy-gradient{background:linear-gradient(135deg,#5b1719,#881337)}.small-box .inner{z-index:2;position:relative}.small-box .inner h3{margin-bottom:4px;font-size:32px;font-weight:800}.small-box .inner p{opacity:.9;font-size:14px;font-weight:500}.small-box .icon-bg{opacity:.2;z-index:1;font-size:64px;position:absolute;top:16px;right:16px}.glass-card{background:var(--bg-panel);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;padding:24px;transition:all .25s}.glass-card:hover{border-color:#ffffff2e;box-shadow:0 8px 32px #00000059}.glass-card.border-orange{border-color:var(--border-active)}.glass-card.border-green{border-color:var(--border-green)}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{color:#fff;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.badge{border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-orange{color:var(--brand-orange);background:#ef690533;border:1px solid #ef690566}.badge-green{color:#86efac;background:#486c2f40;border:1px solid #486c2f80}.badge-burgundy{color:var(--brand-cream);background:#5b171980;border:1px solid #f1e5a166}.badge-blue{color:#38bdf8;background:#0284c740;border:1px solid #0284c766}.data-table-wrapper{border:1px solid var(--border-subtle);border-radius:12px;margin-top:16px;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.data-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);background:#0f172a;padding:14px 16px;font-weight:600}.data-table td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:14px 16px}.data-table tr:hover{background:#ffffff09}.form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:600}.form-input,.form-select,.form-textarea{border:1px solid var(--border-subtle);color:#fff;background:#0f172ad9;border-radius:8px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-orange);box-shadow:0 0 12px #ef690540}.form-select option{color:#fff;background:#0f172a}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--brand-orange), #d97706);color:#fff;box-shadow:0 4px 14px #ef69054d}.btn-primary:hover{color:#fff;transform:translateY(-1px);box-shadow:0 6px 18px #ef690566}.btn-secondary{color:#fff;border:1px solid var(--border-subtle);background:#ffffff14}.btn-secondary:hover{color:#fff;background:#ffffff26}.btn-green{background:linear-gradient(135deg, var(--brand-green), #15803d);color:#fff}.btn-green:hover{color:#fff}.btn-danger{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-sm{border-radius:6px;padding:6px 12px;font-size:12px}.offcanvas-wrapper{z-index:2000;justify-content:flex-end;display:flex;position:fixed;inset:0}.offcanvas-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;animation:.25s forwards fadeIn;position:fixed;inset:0}.offcanvas-container{z-index:2010;border-left:1px solid var(--border-subtle);background:#0f172a;flex-direction:column;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;position:relative;box-shadow:-10px 0 40px #0009}.offcanvas-header{border-bottom:1px solid var(--border-subtle);background:#0f172af2;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.offcanvas-icon-badge{background:#ef690526;border:1px solid #ef69054d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.offcanvas-title{color:#fff;font-size:18px;font-weight:700}.offcanvas-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.offcanvas-close-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.offcanvas-close-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef444466}.offcanvas-body{flex:1;padding:24px;overflow-y:auto}.offcanvas-footer{border-top:1px solid var(--border-subtle);background:#090d16f2;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.flex-row{flex-direction:row;display:flex}.flex-column{flex-direction:column;display:flex}.flex-between{justify-content:space-between;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-end{justify-content:flex-end;display:flex}.items-center{align-items:center}.gap-xs{gap:8px}.gap-sm{gap:12px}.gap-md{gap:16px}.gap-lg{gap:24px}.grid-4col{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.grid-3col{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-2col{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.space-y-xs>*+*{margin-top:8px}.space-y-sm>*+*{margin-top:12px}.space-y-md>*+*{margin-top:16px}.space-y-lg>*+*{margin-top:24px}.text-white-color{color:#fff}.text-cream-color{color:var(--brand-cream)}.text-orange-color{color:var(--brand-orange)}.text-green-color{color:#86efac}.font-mono{font-family:monospace}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1200px){.adminlte-stat-grid,.grid-4col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.teams-sidebar{transform:translate(-100%)}.teams-main-wrapper{margin-left:0}.adminlte-stat-grid,.grid-4col,.grid-3col,.grid-2col{grid-template-columns:1fr}}:root{--primary:#6366f1;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--card-bg:#1e293bb3;--glass-border:#6366f133;--text-main:#f8fafc}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:24px}