@font-face{font-family:Chip Display;src:url(/fonts/ChipDisp-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chip Display;src:url(/fonts/ChipDisp-Italic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Chip Display;src:url(/fonts/ChipDisp-Semibold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Chip Display;src:url(/fonts/ChipDisp-SemiboldItalic.otf) format("opentype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Chip Display;src:url(/fonts/ChipDisp-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Chip Display;src:url(/fonts/ChipDisp-BoldItalic.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Chip Display;src:url(/fonts/ChipDisp-Black.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Chip Display;src:url(/fonts/ChipDisp-BlackItalic.otf) format("opentype");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Chip Text;src:url(/fonts/ChipText-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chip Text;src:url(/fonts/ChipText-Italic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Chip Text;src:url(/fonts/ChipText-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Chip Text;src:url(/fonts/ChipText-MediumItalic.otf) format("opentype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Chip Text;src:url(/fonts/ChipText-Semibold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Chip Text;src:url(/fonts/ChipText-SemiboldItalic.otf) format("opentype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Chip Text;src:url(/fonts/ChipText-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Chip Text;src:url(/fonts/ChipText-BoldItalic.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Chip Mono;src:url(/fonts/ChipMono-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chip Mono;src:url(/fonts/ChipMono-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}:root{--color-neutral-1300-black: #161616;--color-neutral-1200: #191616;--color-neutral-1100: #211F20;--color-neutral-1000: #302E2F;--color-neutral-900: #3E3C3D;--color-neutral-800: #514C4F;--color-neutral-700: #7A7579;--color-neutral-600: #A5A2A4;--color-neutral-500: #CECECE;--color-neutral-400: #E8E8E8;--color-neutral-300: #F4F4F4;--color-neutral-200: #FBFBFB;--color-neutral-100-white: #FFFFFF;--color-yellow-100: #FFFCD9;--color-yellow-200: #FFF799;--color-yellow-300: #FFF361;--color-yellow-400: #FFE600;--color-yellow-500: #FFCD06;--color-yellow-600: #C09D00;--color-yellow-700: #807500;--color-blue-100: #CDEDF9;--color-blue-200: #95DFFF;--color-blue-300: #5996FF;--color-blue-400: #5996FF;--color-blue-500: #3968F6;--color-blue-600: #002AA6;--color-blue-700: #05256B;--color-green-100: #E0FCC2;--color-green-200: #C2FF80;--color-green-300: #A7FF49;--color-green-400: #78FF2A;--color-green-500: #7ADB12;--color-green-600: #549A09;--color-green-700: #124D00;--color-purple-100: #F0E1FF;--color-purple-200: #CCB7F9;--color-purple-300: #8854F6;--color-purple-400: #5800E6;--color-purple-500: #4707D1;--color-purple-600: #2D106C;--color-purple-700: #22014B;--color-red-100: #FFD9E2;--color-red-200: #FF93AC;--color-red-300: #FF4570;--color-red-400: #FF0032;--color-red-500: #C90651;--color-red-600: #B2002D;--color-red-700: #770123;--color-orange-100: #FCEADE;--color-orange-200: #FFAD76;--color-orange-300: #FF893A;--color-orange-400: #FF6C0A;--color-orange-500: #F35106;--color-orange-600: #F63606;--color-orange-700: #CE3308;--color-semantic-success: #7ADB12;--color-semantic-warning: #FFCD06;--color-semantic-error: #C90651;--color-semantic-info: #3968F6;--font-family-display: "Chip Display", system-ui, sans-serif;--font-family-sans: "Chip Text", system-ui, sans-serif;--font-family-mono: "Chip Mono", monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-heading-82: 82px;--font-size-heading-64: 64px;--font-size-heading-48: 48px;--font-size-heading-32: 32px;--font-size-quote-44: 44px;--font-size-quote-36: 36px;--font-size-reg-26: 26px;--font-size-reg-22: 22px;--font-size-reg-18: 18px;--font-size-reg-14: 14px;--font-size-eyebrow-15: 15px;--font-size-caption-14: 14px;--font-lineHeight-heading-82: .85;--font-lineHeight-heading-64: .9;--font-lineHeight-heading-48: .95;--font-lineHeight-heading-32: 1;--font-lineHeight-quote-44: 1;--font-lineHeight-quote-36: 1.1;--font-lineHeight-reg-26: 1.1;--font-lineHeight-reg-22: 1.15;--font-lineHeight-reg-18: 1.2;--font-lineHeight-reg-14: 1;--font-lineHeight-eyebrow-15: 1.2;--font-lineHeight-caption-14: 1.2;--font-letterSpacing-heading-82: 0em;--font-letterSpacing-heading-64: 0em;--font-letterSpacing-heading-48: .0075em;--font-letterSpacing-heading-32: .0075em;--font-letterSpacing-reg-26: -.03em;--font-letterSpacing-reg-22: -.03em;--font-letterSpacing-reg-18: -.015em;--font-letterSpacing-reg-14: .0075em;--font-letterSpacing-eyebrow-15: 0em;--font-letterSpacing-caption-14: 0em;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-24: 24px;--spacing-32: 32px;--spacing-48: 48px;--spacing-64: 64px;--spacing-80: 80px;--spacing-96: 96px;--spacing-128: 128px;--spacing-160: 160px;--spacing-192: 192px;--spacing-256: 256px;--border-radius-none: 0px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 24px;--border-radius-full: 9999px;--shadow-card: 0px 0px 0px 1px rgba(0,0,0,.08);--shadow-sm: 0px 2px 2px 0px rgba(0,0,0,.04);--shadow-md: 0px 8px 8px -8px rgba(0,0,0,.04);--shadow-lg: 0px 12px 24px -4px rgba(0,0,0,.08);--typography-display: 700 82px/.85 "Chip Display", system-ui, sans-serif;--typography-heading-1: 700 64px/.9 "Chip Display", system-ui, sans-serif;--typography-heading-2: 700 48px/.95 "Chip Display", system-ui, sans-serif;--typography-heading-3: 700 32px/1 "Chip Display", system-ui, sans-serif;--typography-quote-lg: 400 44px/1 "Chip Display", system-ui, sans-serif;--typography-quote-sm: 400 36px/1.1 "Chip Display", system-ui, sans-serif;--typography-body-lg: 400 26px/1.1 "Chip Text", system-ui, sans-serif;--typography-body-md: 400 22px/1.15 "Chip Text", system-ui, sans-serif;--typography-body: 400 18px/1.2 "Chip Text", system-ui, sans-serif;--typography-body-sm: 400 14px/1 "Chip Text", system-ui, sans-serif;--typography-eyebrow: 500 15px/1.2 "Chip Mono", monospace;--typography-caption: 400 14px/1.2 "Chip Text", system-ui, sans-serif;--aspectRatio-portrait: .8;--aspectRatio-square: 1;--aspectRatio-landscape: 1.25;--aspectRatio-wide: 1.667;--aspectRatio-tall: .6;--aspectRatio-widescreen: 1.778}.bg-color-neutral-1300-black{background-color:var(--color-neutral-1300-black)}.text-color-neutral-1300-black{color:var(--color-neutral-1300-black)}.bg-color-neutral-1200{background-color:var(--color-neutral-1200)}.text-color-neutral-1200{color:var(--color-neutral-1200)}.bg-color-neutral-1100{background-color:var(--color-neutral-1100)}.text-color-neutral-1100{color:var(--color-neutral-1100)}.bg-color-neutral-1000{background-color:var(--color-neutral-1000)}.text-color-neutral-1000{color:var(--color-neutral-1000)}.bg-color-neutral-900{background-color:var(--color-neutral-900)}.text-color-neutral-900{color:var(--color-neutral-900)}.bg-color-neutral-800{background-color:var(--color-neutral-800)}.text-color-neutral-800{color:var(--color-neutral-800)}.bg-color-neutral-700{background-color:var(--color-neutral-700)}.text-color-neutral-700{color:var(--color-neutral-700)}.bg-color-neutral-600{background-color:var(--color-neutral-600)}.text-color-neutral-600{color:var(--color-neutral-600)}.bg-color-neutral-500{background-color:var(--color-neutral-500)}.text-color-neutral-500{color:var(--color-neutral-500)}.bg-color-neutral-400{background-color:var(--color-neutral-400)}.text-color-neutral-400{color:var(--color-neutral-400)}.bg-color-neutral-300{background-color:var(--color-neutral-300)}.text-color-neutral-300{color:var(--color-neutral-300)}.bg-color-neutral-200{background-color:var(--color-neutral-200)}.text-color-neutral-200{color:var(--color-neutral-200)}.bg-color-neutral-100-white{background-color:var(--color-neutral-100-white)}.text-color-neutral-100-white{color:var(--color-neutral-100-white)}.bg-color-yellow-100{background-color:var(--color-yellow-100)}.text-color-yellow-100{color:var(--color-yellow-100)}.bg-color-yellow-200{background-color:var(--color-yellow-200)}.text-color-yellow-200{color:var(--color-yellow-200)}.bg-color-yellow-300{background-color:var(--color-yellow-300)}.text-color-yellow-300{color:var(--color-yellow-300)}.bg-color-yellow-400{background-color:var(--color-yellow-400)}.text-color-yellow-400{color:var(--color-yellow-400)}.bg-color-yellow-500{background-color:var(--color-yellow-500)}.text-color-yellow-500{color:var(--color-yellow-500)}.bg-color-yellow-600{background-color:var(--color-yellow-600)}.text-color-yellow-600{color:var(--color-yellow-600)}.bg-color-yellow-700{background-color:var(--color-yellow-700)}.text-color-yellow-700{color:var(--color-yellow-700)}.bg-color-blue-100{background-color:var(--color-blue-100)}.text-color-blue-100{color:var(--color-blue-100)}.bg-color-blue-200{background-color:var(--color-blue-200)}.text-color-blue-200{color:var(--color-blue-200)}.bg-color-blue-300{background-color:var(--color-blue-300)}.text-color-blue-300{color:var(--color-blue-300)}.bg-color-blue-400{background-color:var(--color-blue-400)}.text-color-blue-400{color:var(--color-blue-400)}.bg-color-blue-500{background-color:var(--color-blue-500)}.text-color-blue-500{color:var(--color-blue-500)}.bg-color-blue-600{background-color:var(--color-blue-600)}.text-color-blue-600{color:var(--color-blue-600)}.bg-color-blue-700{background-color:var(--color-blue-700)}.text-color-blue-700{color:var(--color-blue-700)}.bg-color-green-100{background-color:var(--color-green-100)}.text-color-green-100{color:var(--color-green-100)}.bg-color-green-200{background-color:var(--color-green-200)}.text-color-green-200{color:var(--color-green-200)}.bg-color-green-300{background-color:var(--color-green-300)}.text-color-green-300{color:var(--color-green-300)}.bg-color-green-400{background-color:var(--color-green-400)}.text-color-green-400{color:var(--color-green-400)}.bg-color-green-500{background-color:var(--color-green-500)}.text-color-green-500{color:var(--color-green-500)}.bg-color-green-600{background-color:var(--color-green-600)}.text-color-green-600{color:var(--color-green-600)}.bg-color-green-700{background-color:var(--color-green-700)}.text-color-green-700{color:var(--color-green-700)}.bg-color-purple-100{background-color:var(--color-purple-100)}.text-color-purple-100{color:var(--color-purple-100)}.bg-color-purple-200{background-color:var(--color-purple-200)}.text-color-purple-200{color:var(--color-purple-200)}.bg-color-purple-300{background-color:var(--color-purple-300)}.text-color-purple-300{color:var(--color-purple-300)}.bg-color-purple-400{background-color:var(--color-purple-400)}.text-color-purple-400{color:var(--color-purple-400)}.bg-color-purple-500{background-color:var(--color-purple-500)}.text-color-purple-500{color:var(--color-purple-500)}.bg-color-purple-600{background-color:var(--color-purple-600)}.text-color-purple-600{color:var(--color-purple-600)}.bg-color-purple-700{background-color:var(--color-purple-700)}.text-color-purple-700{color:var(--color-purple-700)}.bg-color-red-100{background-color:var(--color-red-100)}.text-color-red-100{color:var(--color-red-100)}.bg-color-red-200{background-color:var(--color-red-200)}.text-color-red-200{color:var(--color-red-200)}.bg-color-red-300{background-color:var(--color-red-300)}.text-color-red-300{color:var(--color-red-300)}.bg-color-red-400{background-color:var(--color-red-400)}.text-color-red-400{color:var(--color-red-400)}.bg-color-red-500{background-color:var(--color-red-500)}.text-color-red-500{color:var(--color-red-500)}.bg-color-red-600{background-color:var(--color-red-600)}.text-color-red-600{color:var(--color-red-600)}.bg-color-red-700{background-color:var(--color-red-700)}.text-color-red-700{color:var(--color-red-700)}.bg-color-orange-100{background-color:var(--color-orange-100)}.text-color-orange-100{color:var(--color-orange-100)}.bg-color-orange-200{background-color:var(--color-orange-200)}.text-color-orange-200{color:var(--color-orange-200)}.bg-color-orange-300{background-color:var(--color-orange-300)}.text-color-orange-300{color:var(--color-orange-300)}.bg-color-orange-400{background-color:var(--color-orange-400)}.text-color-orange-400{color:var(--color-orange-400)}.bg-color-orange-500{background-color:var(--color-orange-500)}.text-color-orange-500{color:var(--color-orange-500)}.bg-color-orange-600{background-color:var(--color-orange-600)}.text-color-orange-600{color:var(--color-orange-600)}.bg-color-orange-700{background-color:var(--color-orange-700)}.text-color-orange-700{color:var(--color-orange-700)}.bg-color-semantic-success{background-color:var(--color-semantic-success)}.text-color-semantic-success{color:var(--color-semantic-success)}.bg-color-semantic-warning{background-color:var(--color-semantic-warning)}.text-color-semantic-warning{color:var(--color-semantic-warning)}.bg-color-semantic-error{background-color:var(--color-semantic-error)}.text-color-semantic-error{color:var(--color-semantic-error)}.bg-color-semantic-info{background-color:var(--color-semantic-info)}.text-color-semantic-info{color:var(--color-semantic-info)}.typography-display{font:700 82px/.85 Chip Display,system-ui,sans-serif}.typography-heading-1{font:700 64px/.9 Chip Display,system-ui,sans-serif}.typography-heading-2{font:700 48px/.95 Chip Display,system-ui,sans-serif}.typography-heading-3{font:700 32px/1 Chip Display,system-ui,sans-serif}.typography-quote-lg{font:400 44px/1 Chip Display,system-ui,sans-serif}.typography-quote-sm{font:400 36px/1.1 Chip Display,system-ui,sans-serif}.typography-body-lg{font:400 26px/1.1 Chip Text,system-ui,sans-serif}.typography-body-md{font:400 22px/1.15 Chip Text,system-ui,sans-serif}.typography-body{font:400 18px/1.2 Chip Text,system-ui,sans-serif}.typography-body-sm{font:400 14px/1 Chip Text,system-ui,sans-serif}.typography-eyebrow{font:500 15px/1.2 Chip Mono,monospace}.typography-caption{font:400 14px/1.2 Chip Text,system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}:root{--app-primary: var(--color-yellow-400);--app-primary-text: var(--color-neutral-1300-black);--app-bg: var(--color-neutral-300);--app-surface: var(--color-neutral-100-white);--app-border: var(--color-neutral-400);--app-text: var(--color-neutral-1300-black);--app-text-muted: var(--color-neutral-700);--app-error: var(--color-semantic-error);--app-success: var(--color-semantic-success)}body{font-family:var(--font-family-sans);font-size:var(--font-size-reg-18);line-height:var(--font-lineHeight-reg-18);letter-spacing:var(--font-letterSpacing-reg-18);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--app-bg);color:var(--app-text)}.app{min-height:100vh}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-32);background:var(--color-yellow-400)}.auth-container{background:var(--app-surface);border-radius:var(--border-radius-none);padding:var(--spacing-48);box-shadow:var(--shadow-lg);width:100%;max-width:450px}.auth-logo{display:block;width:140px;height:auto;margin:0 auto var(--spacing-24)}.auth-eyebrow{font-family:var(--font-family-mono);font-size:var(--font-size-eyebrow-15);font-weight:var(--font-weight-medium);line-height:var(--font-lineHeight-eyebrow-15);letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--app-text-muted);margin-bottom:var(--spacing-8)}.auth-container h1{font-family:var(--font-family-display);font-size:var(--font-size-heading-32);font-weight:var(--font-weight-bold);line-height:var(--font-lineHeight-heading-32);letter-spacing:var(--font-letterSpacing-heading-32);margin-bottom:var(--spacing-8);color:var(--app-text);text-align:center}.subtitle{text-align:center;color:var(--app-text-muted);margin-bottom:var(--spacing-32);font-size:var(--font-size-reg-18);line-height:var(--font-lineHeight-reg-18)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-24)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-8)}.form-group label{font-weight:var(--font-weight-medium);color:var(--app-text);font-size:var(--font-size-reg-14)}.form-group input,.form-group select{padding:var(--spacing-12);border:2px solid var(--app-border);border-radius:var(--border-radius-none);font-family:var(--font-family-sans);font-size:var(--font-size-reg-18);transition:border-color .2s,box-shadow .2s;background:var(--app-surface);color:var(--app-text)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-neutral-1300-black);box-shadow:0 0 0 3px #1616161a}.form-group input.error{border-color:var(--app-error)}.error-message{color:var(--app-error);font-size:var(--font-size-reg-14);margin-top:var(--spacing-4)}.submit-button,.logout-button{padding:var(--spacing-12) var(--spacing-24);background:var(--color-neutral-1300-black);color:var(--color-neutral-100-white);border:none;border-radius:var(--border-radius-full);font-family:var(--font-family-mono);font-size:var(--font-size-eyebrow-15);font-weight:var(--font-weight-medium);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background-color .2s,opacity .2s}.submit-button:hover:not(:disabled),.logout-button:hover{background:var(--color-neutral-1000)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.agent-manager{max-width:1200px;margin:0 auto;padding:var(--spacing-32)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-32);padding:var(--spacing-16) var(--spacing-24);background:var(--color-neutral-1300-black);border-radius:var(--border-radius-none)}.header-brand{display:flex;align-items:center;gap:var(--spacing-16)}.header-logo{width:100px;height:auto}.header h1{font-family:var(--font-family-display);font-size:var(--font-size-heading-32);font-weight:var(--font-weight-bold);line-height:var(--font-lineHeight-heading-32);color:var(--color-neutral-100-white)}.logout-button{background:transparent;border:2px solid var(--color-neutral-100-white);color:var(--color-neutral-100-white);padding:var(--spacing-8) var(--spacing-16)}.logout-button:hover{background:var(--color-neutral-100-white);color:var(--color-neutral-1300-black)}.alert{padding:var(--spacing-16);border-radius:var(--border-radius-none);margin-bottom:var(--spacing-24);font-weight:var(--font-weight-medium);font-size:var(--font-size-reg-14)}.alert-error{background:var(--color-red-100);color:var(--color-red-500);border:1px solid var(--color-red-200)}.alert-success{background:var(--color-green-100);color:var(--color-green-600);border:1px solid var(--color-green-200)}.content{display:flex;flex-direction:column;gap:var(--spacing-32)}.current-agent-section,.select-agent-section,.agents-list-section{background:var(--app-surface);padding:var(--spacing-24);border-radius:var(--border-radius-none);box-shadow:var(--shadow-card)}.current-agent-section h2,.select-agent-section h2,.agents-list-section h2{font-family:var(--font-family-display);font-size:var(--font-size-reg-26);font-weight:var(--font-weight-bold);line-height:var(--font-lineHeight-reg-26);margin-bottom:var(--spacing-16);color:var(--app-text)}.current-agent-card{padding:var(--spacing-24);background:var(--color-neutral-200);border-radius:var(--border-radius-none);border:2px solid var(--color-yellow-400);border-left:4px solid var(--color-yellow-400)}.agent-name{font-family:var(--font-family-sans);font-size:var(--font-size-reg-22);font-weight:var(--font-weight-semibold);color:var(--app-text);margin-bottom:var(--spacing-8)}.agent-id{font-family:var(--font-family-mono);font-size:var(--font-size-caption-14);color:var(--app-text-muted);word-break:break-all}.no-agent{color:var(--app-text-muted);font-style:italic}.agent-select{width:100%;padding:var(--spacing-12);margin-top:var(--spacing-8)}.custom-dropdown{position:relative;width:100%;margin-top:var(--spacing-8)}.dropdown-button{width:100%;padding:var(--spacing-12);background:var(--app-surface);border:2px solid var(--app-border);border-radius:var(--border-radius-none);font-family:var(--font-family-sans);font-size:var(--font-size-reg-18);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s,box-shadow .2s;color:var(--app-text)}.dropdown-button:hover:not(:disabled){border-color:var(--color-neutral-1300-black)}.dropdown-button:disabled{opacity:.6;cursor:not-allowed}.dropdown-button:focus{outline:none;border-color:var(--color-neutral-1300-black);box-shadow:0 0 0 3px #1616161a}.dropdown-arrow{color:var(--app-text-muted);font-size:var(--font-size-reg-14);transition:transform .2s}.dropdown-button:not(:disabled):hover .dropdown-arrow{color:var(--app-text)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--app-surface);border:2px solid var(--app-border);border-radius:var(--border-radius-none);margin-top:var(--spacing-4);max-height:300px;overflow-y:auto;box-shadow:var(--shadow-lg);z-index:1000}.dropdown-option{padding:var(--spacing-12) var(--spacing-16);cursor:pointer;transition:background-color .2s;display:flex;justify-content:space-between;align-items:center}.dropdown-option:hover{background:var(--color-neutral-200)}.dropdown-option.selected{background:var(--color-yellow-100);color:var(--app-text)}.agent-id-inline{color:var(--app-text-muted);font-size:var(--font-size-reg-14)}.agent-id-gray{color:var(--app-text-muted);font-size:var(--font-size-caption-14);font-family:var(--font-family-mono)}.updating-indicator{margin-top:var(--spacing-8);color:var(--app-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-reg-14);font-weight:var(--font-weight-medium)}.agents-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-12)}.agents-list li{padding:var(--spacing-16);background:var(--color-neutral-200);border-radius:var(--border-radius-none);border:1px solid var(--app-border);display:flex;justify-content:space-between;align-items:center;transition:border-color .2s,box-shadow .2s}.agents-list li:hover{border-color:var(--color-yellow-400);box-shadow:var(--shadow-card)}.agents-list li.current{border-color:var(--color-yellow-400);background:var(--color-yellow-100)}.badge{background:var(--color-neutral-1300-black);color:var(--color-neutral-100-white);padding:var(--spacing-4) var(--spacing-12);border-radius:var(--border-radius-full);font-family:var(--font-family-mono);font-size:var(--font-size-caption-14);font-weight:var(--font-weight-semibold);text-transform:uppercase}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-16)}.spinner{width:40px;height:40px;border:4px solid var(--app-border);border-top-color:var(--color-yellow-400);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:var(--app-text-muted);font-size:var(--font-size-reg-18)}.debug-section{background:var(--app-surface);padding:var(--spacing-16);border-radius:var(--border-radius-none);margin-bottom:var(--spacing-24);border:1px solid var(--app-border)}.debug-section summary{cursor:pointer;font-weight:var(--font-weight-medium);color:var(--app-text-muted);margin-bottom:var(--spacing-8)}.debug-output{background:var(--color-neutral-1300-black);color:var(--color-neutral-400);padding:var(--spacing-16);border-radius:var(--border-radius-none);overflow-x:auto;font-size:var(--font-size-reg-14);font-family:var(--font-family-mono);max-height:400px;overflow-y:auto}@media (max-width: 768px){.agent-manager{padding:var(--spacing-16)}.header{flex-direction:column;align-items:flex-start;gap:var(--spacing-16)}.header-brand{flex-direction:column;align-items:flex-start;gap:var(--spacing-8)}.auth-container{padding:var(--spacing-32) var(--spacing-24)}.content{gap:var(--spacing-24)}}