:root{--background: #f5f6f8;--foreground: #201f1e;--card: #ffffff;--card-foreground: #201f1e;--primary: #6264a7;--primary-foreground: #ffffff;--secondary: #edebe9;--secondary-foreground: #323130;--muted: #edebe9;--muted-foreground: #605e5c;--accent: #e9e8f0;--accent-foreground: #4a4788;--destructive: #d13438;--destructive-foreground: #ffffff;--success: #107c10;--success-foreground: #ffffff;--warning: #ffb900;--warning-foreground: #201f1e;--info: #0078d4;--info-foreground: #ffffff;--border: #e1dfdd;--input: #e1dfdd;--ring: #6264a7;--radius: .5rem;--header-height: 3.5rem;--sidebar-width: 16rem;--sidebar-bg: #2d2d4a;--sidebar-foreground: #e8e8ed;--sidebar-primary: #7b7cb8;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #3d3d5c;--sidebar-accent-foreground: #ffffff;--sidebar-border: #3d3d5c;--sidebar-muted: #8a8a9e}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased}#teamsops-modal-host{position:fixed;inset:0;z-index:2147483647;pointer-events:none}#teamsops-modal-host>*{pointer-events:auto}html.modal-open,body.modal-open{overflow:hidden;height:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-title{font-size:1.5rem;font-weight:600;letter-spacing:-.025em;margin:0;line-height:2rem}.page-subtitle{color:#676f7e;margin-top:.25rem;font-size:.875rem;line-height:1.25rem}.text-muted-foreground{color:var(--muted-foreground);font-size:.875rem;margin-top:.25rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:var(--sidebar-foreground);text-decoration:none;transition:background-color .15s,color .15s}.sidebar-item:hover{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.sidebar-item.active{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground);font-weight:600;border-left:3px solid var(--sidebar-primary);padding-left:calc(.75rem - 3px)}.sidebar-item .nav-icon{width:1.25rem;height:1.25rem;flex-shrink:0;opacity:.9}.stat-card{background:var(--card);border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px #0000000a,0 4px 8px -2px #0000000f;border:1px solid rgba(0,0,0,.06)}.card-shadow-lg{box-shadow:0 4px 6px -1px #0000000d,0 10px 20px -4px #00000014}.data-table{width:100%;font-size:.875rem;border-collapse:collapse}.data-table th{text-align:left;font-weight:500;color:var(--muted-foreground);padding:.75rem 1rem;border-bottom:1px solid var(--border)}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.data-table tbody tr:hover td{background:rgba(0,0,0,.02)}.badge-status{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1rem}.badge-active,.badge-success{background-color:#22c35d26;color:#22c35d}.badge-warning{background-color:#f59f0a26;color:#f59f0a}.badge-error{background-color:#d1343826;color:#db2929}.badge-inactive{background:hsl(220,14%,96%);color:#676f7e}.badge-pending{background-color:#f59f0a26;color:#f59f0a}.badge-muted{background:hsl(220,14%,96%);color:#676f7e}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;border:1px solid transparent;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:#505293;border-color:#505293}.btn-outline{background:transparent;color:var(--foreground);border-color:var(--border)}.btn-outline:hover:not(:disabled){background:var(--muted)}.btn-ghost{background:transparent;color:var(--foreground)}.btn-ghost:hover:not(:disabled){background:var(--muted)}.btn-sm{padding:.25rem .5rem;font-size:.8125rem}.btn-icon{padding:.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--foreground)}.form-input{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--input);border-radius:var(--radius);background:var(--card);color:var(--foreground);font-family:inherit}.form-input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px #6264a733}.form-input::placeholder{color:var(--muted-foreground)}textarea.form-input{min-height:80px;resize:vertical}.form-hint{font-size:.75rem;color:var(--muted-foreground);margin-top:.25rem}.animate-fade-in{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.space-y-6>*+*{margin-top:1.5rem}.grid{display:grid;gap:1rem}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 1024px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}.text-center{text-align:center}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-mono{font-family:ui-monospace,monospace}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100000;padding:1rem}.modal-content{background:var(--card);border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 10px 20px -4px #0000001a;width:100%;max-width:32rem;max-height:90vh;overflow-y:auto}.modal-content.modal-lg{max-width:36rem}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:1.125rem;font-weight:600}.modal-body,.modal-form{padding:1.25rem 1.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}.close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:var(--muted-foreground);cursor:pointer;padding:.25rem;line-height:1;border-radius:var(--radius)}.close-button:hover{background:var(--muted);color:var(--foreground)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--ring)}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground);border-color:transparent}.btn-secondary:hover:not(:disabled){background:#d5d4d2}.btn-link{background:transparent;color:var(--primary);text-decoration:underline;text-underline-offset:4px;border:none}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-destructive{background:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.btn-destructive:hover:not(:disabled){background:#b02a2e;border-color:#b02a2e}.btn-lg{height:2.75rem;padding:0 2rem;font-size:.875rem}.input,.form-input{min-height:2.5rem;padding:.5rem .75rem;font-size:.875rem;border-radius:var(--radius);border:1px solid var(--input);background:var(--card);color:var(--foreground)}.input:focus,.form-input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px #6264a733}.input:disabled,.form-input:disabled{cursor:not-allowed;opacity:.5}.label,.form-label{font-size:.875rem;font-weight:500;line-height:1;margin-bottom:.5rem;color:var(--foreground)}.textarea,textarea.form-input{min-height:5rem;width:100%;padding:.5rem .75rem;font-size:.875rem;border-radius:var(--radius);border:1px solid var(--input);background:var(--card);color:var(--foreground);resize:vertical;font-family:inherit}.textarea:focus,textarea.form-input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px #6264a733}.tabs-list{display:inline-flex;height:2.5rem;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--muted);padding:.25rem;color:var(--muted-foreground)}.tabs-trigger{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:2px;padding:.375rem .75rem;font-size:.875rem;font-weight:500;background:transparent;border:none;cursor:pointer;color:var(--muted-foreground);transition:all .15s;font-family:inherit}.tabs-trigger:hover{color:var(--foreground)}.tabs-trigger.active{background:var(--card);color:var(--foreground);box-shadow:0 1px 2px #0000000d}.tabs-content{margin-top:1rem}.tabs-content:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring)}.dialog-overlay{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.8);animation:fadeIn .15s ease-out}.dialog-content{position:fixed;left:50%;top:50%;z-index:50;transform:translate(-50%,-50%);width:100%;max-width:32rem;display:grid;gap:1rem;border:1px solid var(--border);background:var(--card);padding:1.5rem;border-radius:var(--radius);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;animation:dialogIn .2s ease-out}@keyframes dialogIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.dialog-header{display:flex;flex-direction:column;gap:.375rem;text-align:left}.dialog-footer{display:flex;flex-direction:column-reverse;gap:.5rem;padding-top:0}@media (min-width: 640px){.dialog-footer{flex-direction:row;justify-content:flex-end}}.dialog-title{font-size:1.125rem;font-weight:600;line-height:1.2;letter-spacing:-.025em;margin:0}.dialog-description{font-size:.875rem;color:var(--muted-foreground);margin:0}.badge{display:inline-flex;align-items:center;border-radius:9999px;border:1px solid transparent;padding:.125rem .625rem;font-size:.75rem;font-weight:600;transition:color .2s,background .2s}.badge-default{background:var(--primary);color:var(--primary-foreground)}.badge-secondary{background:var(--secondary);color:var(--secondary-foreground)}.badge-destructive{background:var(--destructive);color:var(--destructive-foreground)}.badge-outline{background:transparent;color:var(--foreground);border-color:var(--border)}.skeleton{border-radius:var(--radius);background:var(--muted);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.card{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--card-foreground);box-shadow:0 1px 2px #0000000d}.card-header{display:flex;flex-direction:column;gap:.375rem;padding:1.5rem}.card-content{padding:0 1.5rem 1.5rem;padding-top:0}.card-footer{display:flex;align-items:center;padding:0 1.5rem 1.5rem;padding-top:0}.card-title{font-size:1.5rem;font-weight:600;line-height:1.2;letter-spacing:-.025em;margin:0}.card-description{font-size:.875rem;color:var(--muted-foreground);margin:0}.select-trigger{display:flex;height:2.5rem;width:100%;align-items:center;justify-content:space-between;border-radius:var(--radius);border:1px solid var(--input);background:var(--card);padding:0 .75rem;font-size:.875rem;color:var(--foreground);font-family:inherit;cursor:pointer}.select-trigger:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px #6264a733}.select-trigger:disabled{cursor:not-allowed;opacity:.5}.separator{height:1px;background:var(--border);margin:.5rem 0}.switch-track{width:2.25rem;height:1.25rem;border-radius:9999px;background:var(--input);position:relative;transition:background .2s;cursor:pointer}.switch-track.checked{background:var(--primary)}.switch-thumb{position:absolute;top:2px;left:2px;width:1rem;height:1rem;border-radius:50%;background:var(--card);box-shadow:0 1px 2px #0003;transition:transform .2s}.switch-track.checked .switch-thumb{transform:translate(1rem)}