﻿*,*::before,*::after{box-sizing:border-box}body{font-family:"Inter",sans-serif;margin:0;padding:0;transition:background-color .3s ease}.layout-unsigned{margin:0;padding:0;display:block}.layout-unsigned input[type=email],.layout-unsigned input[type=password],.layout-unsigned input[type=text],.layout-unsigned input[type=tel]{width:100%;padding:12px 16px;margin-bottom:15px;border:1px solid #d1d5db;border-radius:10px;background:hsla(0,0%,100%,.5);transition:all .2s;box-sizing:border-box}.layout-unsigned input[type=email]:focus,.layout-unsigned input[type=password]:focus,.layout-unsigned input[type=text]:focus,.layout-unsigned input[type=tel]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.2)}.layout-signed{background-color:#f8fafc}.layout-signed .container{padding:20px;border-left:4px solid #2563eb;background:#fff;margin:20px;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.field{margin-bottom:1rem;text-align:left}.field input{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:4px}.actions input{width:100%;background-color:#2563eb;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer;font-weight:bold}.actions input:hover{background-color:rgb(18.5714285714,76.1428571429,202.4285714286)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:.8rem;color:#6b7280}.form-options .checkbox-container{display:flex;align-items:center;gap:5px;cursor:pointer}.form-options .checkbox-container input{width:auto;margin:0}.form-options .forgot-link{color:#6b7280;text-decoration:none}.form-options .forgot-link:hover{color:#6366f1;text-decoration:underline}#error_explanation{background-color:#fef2f2;border:1px solid #fecaca;padding:1rem;border-radius:6px;margin-bottom:1.5rem}#error_explanation h2{font-size:.9rem;color:#991b1b;margin:0 0 .5rem 0}#error_explanation ul{margin:0;padding-left:1.2rem}#error_explanation ul li{font-size:.85rem;color:#b91c1c}.auth-wrapper{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:"Inter",system-ui,sans-serif}.mesh-gradient{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background-color:#e5e7eb;background-image:radial-gradient(at 0% 0%, hsl(253, 16%, 7%) 0, transparent 50%),radial-gradient(at 50% 0%, hsl(225, 39%, 30%) 0, transparent 50%),radial-gradient(at 100% 0%, hsl(339, 49%, 30%) 0, transparent 50%);filter:blur(40px)}.glass-card{background:hsla(0,0%,100%,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.3);border-radius:24px;padding:40px;width:100%;max-width:400px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);text-align:center}.auth-header{margin-bottom:30px}.auth-header .logo-icon{background:#6366f1;color:#fff;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-weight:bold;font-size:1.2rem}.auth-header h2{margin:0;color:#1f2937;font-size:1.5rem}.auth-header p{color:#6b7280;font-size:.9rem;margin-top:5px}.glass-input{width:100%;padding:12px 16px;margin-bottom:15px;border:1px solid #d1d5db;border-radius:10px;background:hsla(0,0%,100%,.5);transition:all .2s;box-sizing:border-box}.glass-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.2)}.btn-login,.layout-unsigned input[type=submit]{width:100%;padding:12px;background:#1f2937;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:background .2s}.btn-login:hover,.layout-unsigned input[type=submit]:hover{background:#111827}.auth-divider{margin:20px 0;position:relative}.auth-divider::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#d1d5db}.auth-divider span{position:relative;background:hsla(0,0%,100%,.8);padding:0 10px;color:#9ca3af;font-size:.8rem}.btn-google{width:100%;padding:10px;background:#fff;border:1px solid #d1d5db;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s}.btn-google:hover{background:#f9fafb;border-color:#9ca3af}.btn-google svg{width:18px;height:18px}.auth-footer{margin-top:25px;font-size:.85rem;color:#4b5563}.auth-footer a{color:#6366f1;text-decoration:none;font-weight:600}.checkbox-container{display:flex !important;align-items:center !important;justify-content:center;gap:8px;margin:10px 0;font-size:.85rem;color:#64748b;cursor:pointer}.checkbox-container input[type=checkbox]{width:auto !important;margin:0 !important}.signed-layout{margin:0;padding:0;font-family:"Inter",sans-serif;background-color:#f4f4f9;height:100vh;display:flex;flex-direction:column}.top-bar{background-color:#2d2d2d;color:#fff;padding:.8rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.brand{font-size:1.2rem;letter-spacing:1px}.brand .tag{background:#4a90e2;font-size:.7rem;padding:2px 6px;border-radius:4px;vertical-align:middle}.user-menu{display:flex;align-items:center;gap:15px}.user-name{font-size:.9rem;color:#ccc}.btn-logout{background:rgba(0,0,0,0);border:1px solid #555;color:#eee;padding:5px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .3s}.btn-logout:hover{background:#ff4d4d;border-color:#ff4d4d;color:#fff}.main-container{flex:1;display:flex;justify-content:center;background-color:#f1f5f9;overflow:hidden;width:100%}.dashboard-wrapper{display:flex;height:calc(100vh - 60px);background:#f1f5f9;width:100%;overflow:hidden;max-width:1400px}.dashboard-wrapper .sidebar-config{width:35%;min-width:350px;background:#fff;border-right:1px solid #e2e8f0;padding:24px;overflow-y:auto;box-shadow:4px 0 10px rgba(0,0,0,.02);display:flex;flex-direction:column;height:100%}.dashboard-wrapper .sidebar-config::-webkit-scrollbar{width:6px}.dashboard-wrapper .sidebar-config::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.dashboard-wrapper .main-content{width:65%;flex:1;padding:24px;display:flex;flex-direction:column;overflow:auto;background:#f8fafc}.panel-header{display:flex;align-items:center;gap:10px;margin-bottom:24px}.panel-header h3{font-size:.85rem;font-weight:700;text-transform:uppercase;color:#64748b;letter-spacing:1px;margin:0}.modern-form{padding-bottom:60px}.modern-form .field-group{margin-bottom:20px;width:100%}.modern-form .field-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:8px;color:#1e293b}.modern-form .field-group .label-row{display:flex;justify-content:space-between}.modern-form .field-group .label-row .badge-value{background:#eff6ff;color:#2563eb;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700}.modern-form .field-group .select-input,.modern-form .field-group textarea,.modern-form .field-group .slider{width:100%;max-width:100%;display:block;border:1px solid #e2e8f0;border-radius:8px;padding:12px;font-size:.9rem;transition:border-color .2s}.modern-form .field-group .select-input:focus,.modern-form .field-group textarea:focus,.modern-form .field-group .slider:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.modern-form .field-group small{display:block;margin-top:4px;color:#64748b;font-size:.75rem}.modern-form .field-row{display:flex;gap:16px;margin-bottom:20px;width:100%}.modern-form .field-row .flex-1{flex:1;min-width:0}fieldset{border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:24px;width:100%;min-width:0}fieldset legend{padding:0 8px;font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.slider{appearance:none;height:6px;background:#e2e8f0;border-radius:5px;outline:none;margin:15px 0}.slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:#2563eb;border-radius:50%;cursor:pointer;transition:transform .1s}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.form-footer{margin-top:10px}.btn-primary-action,.btn-disabled{width:100%;background:#1e293b;color:#fff;padding:14px;border-radius:10px;border:none;font-weight:600;cursor:pointer;transition:transform .1s,background .2s}.btn-primary-action:hover,.btn-disabled:hover{background:#000}.btn-primary-action:active,.btn-disabled:active{transform:scale(0.98)}.results-area{flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;align-items:center;justify-content:center}.results-area .empty-state{text-align:center;color:#64748b}.results-area .empty-state .robot-icon{font-size:3rem;margin-bottom:15px;opacity:.5}.results-area .empty-state p{max-width:250px;font-size:.9rem}.api-warning-banner{background-color:#fef3c7;color:#92400e;padding:10px 20px;text-align:center;font-size:.85rem;font-weight:600;border-bottom:1px solid #fde68a}fieldset{border:1px solid #e2e8f0;border-radius:12px;padding:15px;margin-bottom:20px}fieldset legend{padding:0 10px;font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase}fieldset[disabled]{opacity:.6;background:#f8fafc;cursor:not-allowed}.btn-disabled{background:#cbd5e1;cursor:not-allowed}.btn-disabled:hover{background:#cbd5e1}.radio-group{display:flex;gap:10px;margin-top:5px}.radio-group .radio-option{flex:1;cursor:pointer}.radio-group .radio-option input{display:none}.radio-group .radio-option .radio-label{display:block;padding:10px;text-align:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;font-weight:600;transition:all .2s}.radio-group .radio-option input:checked+.radio-label{background:#2563eb;color:#fff;border-color:#2563eb}.tabs-container{width:100%;display:flex;flex-direction:column;flex:1;height:100%;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.tabs-container .tabs-header{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0}.tabs-container .tabs-header .tab-btn{flex:1;padding:12px;border:none;background:none;cursor:pointer;font-weight:600;font-size:.85rem;color:#64748b;border-bottom:2px solid rgba(0,0,0,0)}.tabs-container .tabs-header .tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;background:#fff}.tabs-container .tabs-content{flex:1;padding:20px;overflow-y:auto}.tabs-container .tabs-content .tab-panel{display:none}.tabs-container .tabs-content .tab-panel.active{display:block}.response-placeholder{color:#94a3b8;font-style:italic;font-size:.9rem;text-align:center;margin-top:50px}.ai-response-content .response-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:15px;border-bottom:1px solid #e2e8f0;font-family:"JetBrains Mono",monospace;font-size:.8rem}.ai-response-content .response-header .model-tag{background:#f1f5f9;padding:4px 8px;border-radius:4px;font-weight:700;color:#475569}.ai-response-content .response-header .telemetry-pill{color:#64748b}.ai-response-content .response-header .telemetry-pill span{font-weight:700;color:#2563eb}.streaming-text{white-space:pre-wrap;border-left:2px solid #2563eb;padding-left:10px}.streaming-text::after{content:"▊";display:inline-block;vertical-align:middle;animation:blink 1s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.btn-history{color:#cbd5e1;text-decoration:none;font-size:.85rem;font-weight:600;transition:color .2s}.btn-history:hover{color:#fff}.btn-back{font-size:.8rem;color:#2563eb;text-decoration:none;font-weight:600;margin-right:10px}.btn-back:hover{text-decoration:underline}.history-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.history-item{display:block;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;text-decoration:none;color:inherit;transition:all .2s}.history-item.active,.history-item:hover{border-color:#2563eb;background:#eff6ff}.history-item .date{font-size:.7rem;color:#64748b;float:right}.history-item .prompt-snippet{font-size:.85rem;margin:8px 0 0;color:#1e293b;line-height:1.4}.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;height:calc(100% - 40px)}.history-grid .history-params,.history-grid .history-response{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;overflow-y:auto}.history-grid .history-params::-webkit-scrollbar,.history-grid .history-response::-webkit-scrollbar{width:6px}.history-grid .history-params::-webkit-scrollbar-thumb,.history-grid .history-response::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.history-grid .history-response{background:#f8fafc}a.no-paint{color:inherit;text-decoration:none}
