: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}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1f 50%,#ffffff0a 75%) 0 0/200% 100%;animation:1.6s ease-in-out infinite shimmer;display:inline-block}.datatable-container{border:1px solid var(--border-subtle);background:#0f172ab3;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000040}.datatable-toolbar{border-bottom:1px solid var(--border-subtle);background:#1e293bb3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.datatable-scroll{max-width:100%;overflow-x:auto}.modern-datatable{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.modern-datatable th{color:var(--text-secondary);white-space:nowrap;border-bottom:2px solid var(--border-subtle);-webkit-user-select:none;user-select:none;background:#0f172af2;padding:12px 16px;font-weight:600}.modern-datatable th.sortable{cursor:pointer;transition:color .15s}.modern-datatable th.sortable:hover{color:var(--brand-orange)}.modern-datatable td{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #ffffff0d;max-width:260px;padding:12px 16px;overflow:hidden}.modern-datatable tr:hover td{background:#ef69050a}.datatable-pagination{border-top:1px solid var(--border-subtle);background:#1e293b80;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:13px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content-card{border:1px solid var(--border-subtle);background:#0f172a;border-radius:16px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0009}.modal-header-bar{border-bottom:1px solid var(--border-subtle);background:#1e293b99;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-body-scroll{padding:24px;overflow-y:auto}.modal-footer-bar{border-top:1px solid var(--border-subtle);background:#1e293b99;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.sidebar-category-btn{width:100%;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:2px;padding:8px 10px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.sidebar-category-btn:hover{color:var(--brand-orange);background:#ffffff0a}.sidebar-category-title{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}.sidebar-category-count{color:var(--text-secondary);background:#ffffff14;border-radius:10px;padding:1px 6px;font-family:monospace;font-size:10px;font-weight:600}.sidebar-search-box{border-bottom:1px solid var(--border-subtle);background:#0f172a99;padding:10px 14px}.sidebar-search-input-wrapper{border:1px solid var(--border-subtle);background:#090d16cc;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;transition:border-color .2s;display:flex}.sidebar-search-input-wrapper:focus-within{border-color:var(--brand-orange)}.sidebar-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:12px}.sidebar-table-item{color:var(--text-secondary);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:2px;padding:7px 12px 7px 24px;font-size:13px;text-decoration:none;transition:all .15s;display:flex;position:relative}.sidebar-table-item:hover{color:#fff;background:#ffffff0d;transform:translate(3px)}.sidebar-table-item.active{border-left:3px solid var(--brand-orange);color:#fff;background:linear-gradient(90deg,#ef690538,#5b171959);font-weight:600}.sidebar-table-item .table-pk-badge{color:var(--brand-orange);background:#ef690526;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:9px}.lockscreen-overlay{z-index:99999;-webkit-backdrop-filter:blur(24px);background:#090d16eb;justify-content:center;align-items:center;padding:24px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.lockscreen-card{text-align:center;background:#0f172af2;border:1px solid #ef69054d;border-radius:18px;width:100%;max-width:440px;padding:32px 28px;box-shadow:0 20px 60px #000c,0 0 30px #ef690526}.lockscreen-clock{letter-spacing:-1px;background:linear-gradient(135deg, #fff, var(--brand-cream));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Inter,monospace,sans-serif;font-size:3.2rem;font-weight:800;line-height:1.1}.lockscreen-user-box{flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;display:flex}.lockscreen-avatar{background:linear-gradient(135deg, var(--brand-orange), var(--brand-burgundy));color:#fff;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:800;display:flex;box-shadow:0 0 20px #ef690566}.id-card-modal-container{flex-direction:column;align-items:center;width:100%;max-width:400px;display:flex}.id-card-toolbar{border:1px solid var(--border-subtle);background:#0f172acc;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding:8px 14px;display:flex}.id-card-perspective{perspective:1200px;width:320px;height:500px}.id-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.id-card-perspective.flipped .id-card-inner{transform:rotateY(180deg)}.id-card-face{backface-visibility:hidden;color:#1e293b;background:#fff;border-radius:16px;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;overflow:hidden;box-shadow:0 20px 40px #0009,0 0 0 1px #ffffff26}.id-card-front{background:#fff}.id-card-lanyard-hole{background:#0f172a;border:1px solid #334155;border-radius:4px;width:48px;height:8px;margin:10px auto 4px}.id-card-header{background:linear-gradient(135deg, var(--brand-burgundy) 0%, #3e0e10 100%);color:#fff;border-bottom:2px solid var(--brand-orange);padding:10px 16px}.id-card-logo{background:var(--brand-orange);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:flex}.id-card-brand-title{letter-spacing:-.3px;text-align:left;font-size:14px;font-weight:800}.id-card-brand-subtitle{color:var(--brand-cream);text-transform:uppercase;letter-spacing:.5px;text-align:left;font-size:9px}.id-card-body{flex-direction:column;flex:1;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.id-card-photo-wrapper{margin-top:4px;position:relative}.id-card-photo-fallback{background:linear-gradient(135deg, var(--brand-orange), var(--brand-burgundy));color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;font-size:32px;font-weight:800;display:flex;box-shadow:0 4px 12px #0003}.id-card-verified-badge{background:#22c55e;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 6px #0003}.id-card-name{color:#0f172a;margin-top:8px;font-size:16px;font-weight:800;line-height:1.2}.id-card-designation{color:var(--brand-orange);margin-top:2px;font-size:12px;font-weight:700}.id-card-department{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.id-card-meta-grid{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px 12px;width:100%;margin:10px 0;padding:8px 12px;display:grid}.id-card-meta-label{color:#94a3b8;letter-spacing:.5px;font-size:8px;font-weight:700;display:block}.id-card-meta-val{color:#1e293b;font-size:11px;font-weight:700}.id-card-footer{border-top:1px dashed #cbd5e1;justify-content:space-between;align-items:center;width:100%;padding-top:6px;display:flex}.id-card-qr-box{background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:2px}.id-card-hologram{letter-spacing:1px;color:#475569;background:linear-gradient(135deg,#e2e8f0,#cbd5e1,#f1f5f9);border:1px solid #94a3b8;border-radius:4px;padding:4px 8px;font-size:8px;font-weight:800;box-shadow:inset 0 0 6px #0000001a}.id-card-stripe{background:linear-gradient(90deg, var(--brand-burgundy), var(--brand-orange));height:6px}.id-card-back{color:#1e293b;background:#fdfdfd;transform:rotateY(180deg)}.id-card-magnetic-stripe{background:#0f172a;width:100%;height:38px;margin-top:10px}.id-card-back-content{text-align:left;flex-direction:column;flex:1;justify-content:space-between;padding:12px 18px;display:flex}.id-card-back-section{margin-bottom:6px}.id-card-back-label{color:#94a3b8;letter-spacing:.5px;font-size:8px;font-weight:800}.id-card-terms{color:#64748b;border-top:1px solid #e2e8f0;margin-top:4px;padding-top:6px;font-size:8px;line-height:1.3}.id-card-signature{color:var(--brand-burgundy);font-family:Brush Script MT,cursive,sans-serif;font-size:15px}@media print{body *{visibility:hidden}.id-card-print-overlay,.id-card-print-overlay *{visibility:visible}.no-print{display:none!important}.id-card-print-overlay{padding:0;position:absolute;top:0;left:0;background:0 0!important}.id-card-perspective{width:320px!important;height:500px!important}.id-card-face{box-shadow:none!important;border:1px solid #ccc!important}}: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}