@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 200 100% 50%;--primary-foreground: 0 0% 100%;--secondary: 210 20% 90%;--secondary-foreground: 222.2 84% 4.9%;--muted: 210 20% 96%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 200 100% 95%;--accent-foreground: 222.2 84% 4.9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 85%;--input: 214.3 31.8% 91.4%;--ring: 200 100% 50%;--radius: .5rem}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 200 100% 60%;--primary-foreground: 222.2 84% 4.9%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 200 100% 60%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--color-robot-blue: #0EA5E9;--color-robot-blue-light: #E0F2FE;--color-robot-blue-dark: #0284C7;--color-robot-blue-darker: #0369A1;--color-robot-blue-alpha: rgba(14, 165, 233, .1);--color-anvil-gray: #6B7280;--color-anvil-gray-light: #9CA3AF;--color-anvil-gray-dark: #374151;--color-anvil-gray-darker: #1F2937;--color-white: #FFFFFF;--color-black: #1E293B;--color-red-accent: #EF4444;--bg-primary: var(--color-white);--bg-secondary: #F8F9FA;--bg-tertiary: #F1F3F5;--bg-dark: var(--color-anvil-gray-darker);--bg-overlay: rgba(0, 0, 0, .5);--bg-card: var(--color-white);--bg-card-hover: #FAFBFC;--text-primary: var(--color-black);--text-secondary: #4B5563;--text-tertiary: #6B7280;--text-light: #9CA3AF;--text-white: var(--color-white);--border-light: #E5E7EB;--border-medium: #D1D5DB;--border-dark: #9CA3AF;--color-success: #10B981;--color-success-light: #D1FAE5;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-error: var(--color-red-accent);--color-error-light: #FEE2E2;--color-info: var(--color-robot-blue);--color-info-light: var(--color-robot-blue-light);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .12), 0 4px 6px -2px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .15), 0 10px 10px -5px rgba(0, 0, 0, .08);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .3);--shadow-colored: 0 10px 25px -5px rgba(14, 165, 233, .15), 0 4px 10px -2px rgba(14, 165, 233, .1);--shadow-inset: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}.button{border:none;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.button--primary{background:linear-gradient(135deg,var(--color-robot-blue) 0%,var(--color-robot-blue-dark) 100%);color:var(--color-white);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.button--primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.button--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button--primary:hover:before{left:100%}.button--primary:active{transform:translateY(0);box-shadow:var(--shadow-md)}.button--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.button--secondary{background-color:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-medium);box-shadow:var(--shadow-sm)}.button--secondary:hover{background-color:var(--color-anvil-gray-dark);color:var(--color-white);border-color:var(--color-anvil-gray-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-card-hover) 100%);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-base);position:relative;isolation:isolate}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:#0ea5e933}.stat-card{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:1.75rem;box-shadow:var(--shadow-lg);transition:all var(--transition-base);position:relative;isolation:isolate}.stat-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.agent-list{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.agent-list-item{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light);transition:all var(--transition-base)}.agent-list-item:last-child{border-bottom:none}.agent-list-item:hover{background-color:var(--bg-tertiary);transform:translate(2px)}.form-input{border:2px solid var(--border-medium);border-radius:var(--radius-lg);padding:.75rem 1rem;font-size:.875rem;transition:all var(--transition-base);background-color:var(--bg-primary);color:var(--text-primary);width:100%}.form-input::placeholder{color:var(--text-light)}.form-input:hover{border-color:var(--border-dark)}.form-input:focus{outline:none;border-color:var(--color-robot-blue);box-shadow:0 0 0 4px var(--color-robot-blue-alpha)}.form-input:disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.form-input--error{border-color:var(--color-error)}.form-input--error:focus{box-shadow:0 0 0 4px #ef44441a}.nav-link{color:var(--text-secondary);text-decoration:none;transition:all var(--transition-base);display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-xl);font-weight:600;font-size:.875rem;position:relative;isolation:isolate}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.nav-link--active{color:var(--color-robot-blue);background-color:var(--color-robot-blue-alpha);box-shadow:var(--shadow-colored);transform:translate(4px)}.nav-link--active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-robot-blue),var(--color-robot-blue-dark));border-radius:0 3px 3px 0;z-index:1}.action-link{color:var(--color-robot-blue);text-decoration:none;transition:all var(--transition-base);font-weight:500;display:inline-flex;align-items:center;gap:.375rem}.action-link:hover{color:var(--color-robot-blue-dark);text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-content{animation:fadeIn var(--transition-slow) ease-out}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-light{color:var(--text-light)}.text-white{color:var(--text-white)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-success-light{background-color:var(--color-success-light)}.bg-error-light{background-color:var(--color-error-light)}.bg-error{background-color:var(--color-error)}.border-bottom-light{border-bottom:1px solid var(--border-light)}.border-top-light{border-top:1px solid var(--border-light)}.border-left-light{border-left:1px solid var(--border-light)}.gradient-header{background:linear-gradient(135deg,var(--color-robot-blue) 0%,var(--color-robot-blue-dark) 100%);box-shadow:0 4px 20px #00000026,0 2px 8px #0000001a;border-bottom:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gradient-sidebar{background:linear-gradient(180deg,#fff,#fafbfc,#f8f9fa);box-shadow:var(--shadow-xl);border-right:1px solid var(--border-light)}.gradient-title{background:linear-gradient(135deg,var(--text-primary) 0%,var(--color-robot-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-main{background-color:var(--bg-secondary);background-image:radial-gradient(circle at 20% 30%,rgba(14,165,233,.04) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(14,165,233,.03) 0%,transparent 40%),linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.badge-success{background:linear-gradient(135deg,var(--color-success-light) 0%,rgba(16,185,129,.2) 100%);color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.badge-inactive{background:linear-gradient(135deg,var(--color-anvil-gray-light) 0%,rgba(107,114,128,.2) 100%);color:var(--text-primary);border:1px solid var(--border-medium)}.icon-status-running{background:linear-gradient(135deg,var(--color-success-light) 0%,rgba(16,185,129,.15) 100%);border:2px solid rgba(16,185,129,.3);color:var(--color-success);filter:drop-shadow(0 2px 4px rgba(16,185,129,.3))}.icon-status-stopped{background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(156,163,175,.15) 100%);border:2px solid var(--border-light);color:var(--text-tertiary)}.icon-stat{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.layout-container{background-color:var(--bg-secondary);font-family:var(--font-family-base)}.page-container{background-color:var(--bg-secondary)}.content-wrapper{position:relative;z-index:1}.background-image{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0;opacity:.1;overflow:hidden}.background-image img{width:1000px!important;max-width:1000px!important;height:auto!important;object-fit:contain}.search-input-header{background-color:#fff3;color:var(--text-white);border:1px solid rgba(255,255,255,.3);width:320px;box-shadow:0 4px 6px #0000001a}.search-input-header:focus{background-color:#ffffff40;border-color:#fff6;box-shadow:0 6px 12px #00000026}.avatar-header{background-color:#fff3}.button-header{background-color:#ffffff1a;color:var(--text-white);border:1px solid rgba(255,255,255,.2)}.button-header:hover{background-color:#fff3}.section-header{border-bottom:1px solid var(--border-light)}.section-divider{border-top:1px solid var(--border-light);margin-top:1rem}.stat-label{color:var(--text-tertiary);letter-spacing:.05em}.stat-value{color:var(--text-primary);line-height:1.2}.stat-change{background-color:var(--color-success-light);color:var(--color-success)}.stat-icon-container{background:linear-gradient(135deg,var(--color-robot-blue-alpha) 0%,var(--color-robot-blue-alpha) 100%);border:2px solid var(--color-robot-blue-alpha)}.list-header{border-bottom:1px solid var(--border-light)}.alert-error{background-color:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error)}.alert-success{background-color:var(--color-success);color:var(--color-white);border:1px solid var(--color-success)}.alert-error-solid{background-color:var(--color-error);color:var(--color-white);border:1px solid var(--color-error)}.divider{border-top:1px solid var(--border-medium)}.divider-label{background-color:var(--bg-primary);color:var(--text-tertiary)}.form-label{color:var(--text-secondary)}.table-header{border-bottom:1px solid var(--border-light)}.table-header-cell{color:var(--text-secondary)}.table-row{border-bottom:1px solid var(--border-light)}.table-row:not(:first-child){border-top:1px solid var(--border-light)}.icon-tertiary{color:var(--text-tertiary)}.icon-light{color:var(--text-light)}.spinner{border-top:2px solid var(--color-robot-blue);border-right:2px solid transparent}.status-dot-success{background-color:var(--color-success)}.status-dot-inactive{background-color:var(--color-anvil-gray)}.footer{background-color:var(--color-anvil-gray-darker);color:var(--text-light);border-top:1px solid var(--color-anvil-gray-dark)}.footer-section{border-top:1px solid var(--color-anvil-gray-dark)}.modal-content{background-color:var(--bg-primary)}.modal-header{border-bottom:1px solid var(--border-light)}.modal-section{background-color:var(--bg-secondary)}.modal-section-active{background-color:var(--color-robot-blue-light)}.log-container{background-color:var(--color-anvil-gray-darker);color:var(--color-success)}.action-button{padding:.5rem;border-radius:var(--radius-lg);transition:all var(--transition-base)}.action-button--primary{color:var(--color-robot-blue)}.action-button--primary:hover{background-color:var(--color-robot-blue-light)}.action-button--danger{color:var(--color-error)}.action-button--danger:hover{background-color:#ef44441a}.action-button--tertiary{color:var(--text-tertiary)}.action-button--tertiary:hover{color:var(--color-robot-blue)}.action-button--tertiary-danger:hover{color:var(--color-error)}.action-button--success{color:var(--color-success)}.action-button--success:hover{background-color:#10b9811a}.table-hover-row:hover{background-color:var(--bg-tertiary)}