.images-container{width:100%;min-height:calc(100vh - 60px);padding:40px;overflow-y:auto;background-color:var(--bg-color);color:var(--text-color)}.images-header{margin-bottom:40px}.images-title{font-size:var(--font-display);font-weight:var(--weight-semibold);color:var(--text-color);margin:0;letter-spacing:-.02em}.function-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}.function-card{background-color:var(--input-bg);border-radius:var(--radius-lg);padding:32px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.function-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-color)}.function-card-icon{color:var(--accent-color);margin-bottom:4px}.function-card-title{font-size:var(--font-title);font-weight:var(--weight-semibold);color:var(--text-color);margin:0;letter-spacing:-.01em}.function-card-description{font-size:var(--font-body);color:var(--text-secondary);line-height:1.6;margin:0;flex:1}.function-card-models{font-size:12px;color:var(--accent-color);background-color:var(--accent-soft);padding:4px 12px;border-radius:var(--radius-pill);align-self:flex-start;font-weight:var(--weight-medium)}.function-workspace{max-width:1200px;margin:0 auto;width:100%}.text-chat-workspace{max-width:100%}.text-chat-shell{min-height:calc(100vh - 36px);padding:8px 6px;gap:14px;border:none;box-shadow:none;background:transparent}.text-chat-result{min-height:420px;padding:10px 0;border:none;box-shadow:none;background:transparent}.text-chat-composer{width:82%;margin:0 auto}.text-chat-top-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.text-chat-model-select{max-width:min(520px,72vw);display:block;height:40px;padding:10px 34px 10px 12px;border-radius:10px;font-size:13px;line-height:normal;font-weight:var(--weight-medium);text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box;background-position:right 10px center;background-size:14px}.text-chat-icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:16px;line-height:1;padding:0}.text-chat-top-buttons{display:flex;gap:10px}.text-chat-composer-input-wrap{position:relative}.text-chat-meta{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-chat-meta-in-composer{position:absolute;left:16px;bottom:10px;right:104px;pointer-events:none}@media (max-width: 1200px){.text-chat-composer{width:100%}}.workspace-header{display:flex;align-items:center;gap:20px;margin-bottom:40px}.workspace-title{font-size:var(--font-display);font-weight:var(--weight-semibold);color:var(--text-color);margin:0;letter-spacing:-.02em}.back-button{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--border-color);border-radius:var(--radius-pill);background:var(--input-bg);color:var(--text-color);font-size:var(--font-body);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.back-button:hover{background-color:var(--bg-color);border-color:var(--accent-color);color:var(--accent-color)}.image-function-container{display:flex;flex-direction:column;gap:32px}.image-params{background-color:var(--input-bg);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:32px}.param-group{display:flex;flex-direction:column;gap:12px}.param-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.param-label{font-size:var(--font-body);font-weight:var(--weight-regular);color:var(--text-color);margin-left:4px;font-family:inherit}.param-textarea{width:100%;padding:16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-color);color:var(--text-color);font-size:var(--font-body);font-family:inherit;line-height:1.6;resize:vertical;transition:all .2s cubic-bezier(.4,0,.2,1)}.param-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-soft);background-color:var(--input-bg)}.param-input{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-color);color:var(--text-color);font-size:var(--font-body);transition:all .2s}.param-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-soft);background-color:var(--input-bg)}.param-select{width:100%;padding:12px 40px 12px 20px;border:1px solid var(--border-color);border-radius:var(--radius-pill);background-color:var(--bg-color);color:var(--text-color);font-size:var(--font-body);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:18px}.param-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-soft);background-color:var(--input-bg)}.param-select:hover:not(:disabled){border-color:var(--accent-color)}.param-buttons{display:flex;gap:12px;flex-wrap:wrap}.param-btn{padding:10px 24px;border:1px solid var(--border-color);border-radius:var(--radius-pill);background-color:var(--input-bg);color:var(--text-color);font-size:var(--font-body);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.param-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color);background-color:var(--accent-soft)}.param-btn.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.enhance-button{padding:12px 28px;border:1px solid var(--accent-color);border-radius:var(--radius-pill);background-color:var(--accent-soft);color:var(--accent-color);font-size:var(--font-body);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s;letter-spacing:.02em}.enhance-button:hover:not(:disabled){background-color:var(--accent-color);color:#fff}.generate-button{padding:16px 40px;border:none;border-radius:var(--radius-pill);background-color:var(--accent-color);color:#fff;font-size:16px;font-weight:var(--weight-semibold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #6366f14d;letter-spacing:.02em}.generate-button:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 12px 24px #6366f166}.image-result{background-color:var(--input-bg);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);min-height:400px;display:flex;flex-direction:column;gap:32px}.image-result.text-chat-result{border:none!important;box-shadow:none!important;background:transparent!important;border-radius:0}.result-container{display:flex;flex-direction:column;gap:32px}.result-info{display:flex;flex-direction:column;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.result-info-grid{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.result-info p{margin:0;font-size:var(--font-caption);color:var(--text-secondary);font-weight:var(--weight-medium)}.result-actions{display:flex;gap:16px;margin-bottom:8px}.result-content{padding:32px;background-color:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex;justify-content:center}.generated-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.generated-image{width:100%;height:auto;cursor:pointer;border-radius:var(--radius-md);transition:transform .3s ease;box-shadow:var(--shadow-sm)}.generated-image:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.action-button{padding:12px 28px;border:1px solid var(--border-color);border-radius:var(--radius-pill);background-color:var(--input-bg);color:var(--text-color);font-size:var(--font-body);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s}.action-button:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:var(--accent-soft)}.chat-markdown{color:var(--text-color);line-height:1.7;overflow-wrap:anywhere}.chat-markdown>*:first-child{margin-top:0}.chat-markdown>*:last-child{margin-bottom:0}.chat-markdown p,.chat-markdown ul,.chat-markdown ol,.chat-markdown blockquote,.chat-markdown pre,.chat-markdown table,.chat-markdown hr{margin:0 0 12px}.chat-markdown h1,.chat-markdown h2,.chat-markdown h3,.chat-markdown h4{margin:14px 0 10px;line-height:1.35;font-weight:var(--weight-semibold)}.chat-markdown h1{font-size:1.3rem}.chat-markdown h2{font-size:1.18rem}.chat-markdown h3{font-size:1.06rem}.chat-markdown h4{font-size:1rem}.chat-markdown ul,.chat-markdown ol{padding-left:22px}.chat-markdown li+li{margin-top:6px}.chat-markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;padding:2px 6px;font-size:.9em}.chat-markdown pre{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;overflow-x:auto}.chat-markdown pre code{border:none;background:transparent;padding:0}.chat-markdown blockquote{margin-left:0;padding:8px 12px;border-left:3px solid var(--accent-color);background:var(--accent-soft);color:var(--text-secondary);border-radius:0 8px 8px 0}.chat-markdown a{color:var(--accent-color);text-decoration:underline}.chat-markdown hr{border:0;border-top:1px solid var(--border-color)}.chat-markdown table{width:100%;display:block;overflow-x:auto;border-collapse:collapse;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.chat-markdown th,.chat-markdown td{border:1px solid var(--border-color);padding:8px 10px;text-align:left;vertical-align:top}.chat-markdown th{background:var(--bg-color);font-weight:var(--weight-medium)}.prompt-card{background-color:var(--input-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all .3s ease}.prompt-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.upload-preview{margin-top:16px;display:flex;align-items:flex-start;gap:16px;padding:12px;background-color:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border-color)}.upload-preview img{height:180px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.upload-info{font-size:var(--font-caption);color:var(--text-secondary);font-weight:var(--weight-medium);padding-top:4px}.upload-filename{font-size:var(--font-body);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.images-container{padding:20px}.text-chat-shell{min-height:calc(100vh - 24px);padding:4px 0;gap:10px}.text-chat-result{min-height:300px;padding:8px 0}.text-chat-composer{width:100%;margin:0}.text-chat-top-controls{position:sticky;top:0;z-index:5;padding:10px 12px 6px;background:var(--input-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.text-chat-model-select{max-width:calc(100vw - 60px);height:38px;padding:8px 34px 8px 12px;border-radius:10px;font-size:13px}.text-chat-top-buttons{display:none}.text-chat-composer{position:sticky;bottom:0;z-index:6;background:var(--input-bg);padding:10px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border-color);width:100%;margin:0}.text-chat-composer-input-wrap .param-textarea{padding-right:96px!important;min-height:60px!important;max-height:120px!important}.text-chat-attach-btn{bottom:10px!important;right:56px!important}.text-chat-send-btn{bottom:10px!important;right:12px!important}.text-chat-meta{display:none}.text-chat-settings-menu{position:fixed!important;left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;border-radius:16px!important;padding:14px!important;z-index:320!important;box-shadow:0 -4px 20px #0000001a!important;background:var(--input-bg)!important;max-height:80vh!important;overflow-y:auto!important}.text-chat-settings-menu .action-button{width:100%;margin-bottom:8px;font-size:14px;padding:10px 16px}.text-chat-settings-menu label{margin-bottom:8px}.images-title{font-size:28px}.function-cards-grid{grid-template-columns:1fr;gap:16px}.image-params,.image-result{padding:24px}.image-params.text-chat-shell{padding:0}.generate-button{width:100%}.param-grid-2{grid-template-columns:1fr;gap:12px}}:root{--bg-color: #f9fafb;--input-bg: #ffffff;--text-color: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--accent-color: #6366f1;--accent-hover: #5558e3;--accent-soft: rgba(99, 102, 241, .08);--danger-color: var(--text-secondary);--success-color: var(--text-secondary);--sidebar-bg: #ffffff;--sidebar-text: #374151;--sidebar-border: #f3f4f6;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--radius-pill: 100px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--font-display: 32px;--font-title: 20px;--font-body: 14px;--font-caption: 13px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600}[data-theme=dark]{--bg-color: #0b0f1a;--input-bg: #161b2a;--text-color: #f3f4f6;--text-secondary: #9ca3af;--border-color: #1f2937;--sidebar-bg: #0b0f1a;--sidebar-text: #f3f4f6;--sidebar-border: #1f2937;--danger-color: var(--text-secondary);--success-color: var(--text-secondary);--accent-color: #818cf8;--accent-hover: #6366f1}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;line-height:1.6;font-size:var(--font-body);-webkit-font-smoothing:antialiased}.app-layout{display:flex;min-height:100vh}.sidebar{width:260px;background-color:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;padding:24px 0;flex-shrink:0;position:fixed;top:0;left:0;height:100vh;z-index:100;border-right:1px solid var(--sidebar-border);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .sidebar{transform:translate(-100%)}.sidebar-toggle-btn,.sidebar-toggle-floating{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:all .2s;display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn:hover,.sidebar-toggle-floating:hover{background-color:var(--accent-soft);color:var(--accent-color)}.sidebar-toggle-floating{position:fixed;top:12px;left:12px;z-index:150;background-color:var(--sidebar-bg);border:1px solid var(--sidebar-border);box-shadow:var(--shadow-sm)}.sidebar-logo{padding:0 16px 24px 24px;font-size:20px;font-weight:var(--weight-semibold);color:var(--text-color);border-bottom:1px solid var(--sidebar-border);margin-bottom:16px;letter-spacing:-.02em;display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-user-toggle,.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:all .2s}.mobile-user-toggle:hover,.mobile-menu-toggle:hover{background-color:var(--accent-soft);color:var(--accent-color)}.sidebar-logo .logo-icon{color:var(--accent-color);margin-right:8px;display:flex;align-items:center}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px;padding:0 12px}.sidebar-group{border:1px solid transparent;border-radius:var(--radius-md)}.sidebar-group.open{border-color:var(--sidebar-border);background-color:#6366f108}.sidebar-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;width:100%;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-color);font-size:15px;font-weight:var(--weight-medium);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;font-family:inherit}.sidebar-group-toggle:hover:not(:disabled){background-color:var(--accent-soft);color:var(--accent-color)}.sidebar-group-toggle:disabled{cursor:default;opacity:.75}.sidebar-group-chevron{color:var(--text-secondary);transition:transform .2s ease,color .2s ease;flex-shrink:0}.sidebar-group-chevron.open{transform:rotate(180deg);color:var(--accent-color)}.sidebar-submenu{display:flex;flex-direction:column;gap:4px;padding:0 8px 8px}.sidebar-submenu-item{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 20px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:var(--weight-regular);color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);border:none;background:transparent;width:100%;text-align:left;text-decoration:none;font-family:inherit}.sidebar-submenu-item:hover{background-color:var(--accent-soft);color:var(--accent-color)}.sidebar-submenu-item.active{background-color:var(--accent-soft);color:var(--accent-color);font-weight:var(--weight-medium)}.sidebar-group-placeholder .sidebar-group-toggle{color:var(--text-color)}.sidebar-group-placeholder .sidebar-group-toggle:disabled{opacity:1;color:var(--text-color)}.sidebar-soon-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:var(--weight-medium);color:var(--text-secondary);border:1px solid var(--border-color)}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-md);cursor:pointer;font-size:15px;font-weight:var(--weight-regular);color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);border:none;background:transparent;width:100%;text-align:left;text-decoration:none;font-family:inherit}.sidebar-nav-item:hover{background-color:var(--accent-soft);color:var(--accent-color)}.sidebar-nav-item.active{background-color:var(--accent-soft);color:var(--accent-color);font-weight:var(--weight-medium)}.sidebar-nav-item-standalone{margin-top:8px}.sidebar-footer{padding:16px 12px 0;border-top:1px solid var(--sidebar-border)}.sidebar-user{padding:12px 16px;font-size:var(--font-caption);color:var(--text-secondary)}.sidebar-user strong{display:block;color:var(--text-color);font-size:var(--font-body);margin-bottom:2px;font-weight:var(--weight-medium)}.sidebar-user .budget{font-size:12px;color:var(--text-secondary);opacity:.8}.main-content{margin-left:260px;flex:1;padding:40px;min-height:100vh;overflow-y:auto;display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content-chat{padding-top:16px;padding-bottom:16px}@media (min-width: 1024px){.main-content.main-content-chat{padding-left:20px;padding-right:20px}}.sidebar-collapsed .main-content{margin-left:0}.app-footer{margin-top:auto;padding:24px 0 0;text-align:center;font-size:12px;color:var(--text-secondary);opacity:.6}.btn{padding:10px 24px;border-radius:var(--radius-pill);font-size:var(--font-body);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.01em}.btn-primary{background-color:var(--accent-color);color:#fff;box-shadow:0 4px 12px #6366f133}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6366f14d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-color)}.btn-outline:hover:not(:disabled){background-color:var(--bg-color);border-color:var(--accent-color);color:var(--accent-color)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.card{background-color:var(--input-bg);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-label{font-size:var(--font-body);font-weight:var(--weight-medium);color:var(--text-color);margin-left:4px}.form-input{padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-body);background-color:var(--input-bg);color:var(--text-color);transition:all .2s}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-soft)}.table-container{overflow-x:auto;background:var(--input-bg);border-radius:var(--radius-md);border:1px solid var(--border-color)}table{width:100%;border-collapse:collapse;font-size:var(--font-body)}th{text-align:left;padding:16px 20px;background-color:#fcfcfd;color:var(--text-secondary);font-weight:var(--weight-medium);font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}td{padding:16px 20px;border-bottom:1px solid var(--border-color);color:var(--text-color);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background-color:#f9fafb}.table-btn{padding:8px 16px;border:1px solid var(--border-color);border-radius:var(--radius-pill);background-color:var(--input-bg);color:var(--text-secondary);font-size:var(--font-caption);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.table-btn:hover{background-color:var(--accent-soft);border-color:var(--accent-color);color:var(--accent-color)}.table-btn-primary{background-color:var(--input-bg);border-color:var(--accent-color);color:var(--accent-color)}.table-btn-primary:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.table-btn-danger{color:var(--text-secondary)}.table-btn-danger:hover{background-color:var(--accent-soft);border-color:var(--accent-color);color:var(--accent-color)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:var(--weight-medium);background-color:var(--bg-color);color:var(--text-secondary);border:1px solid var(--border-color)}.badge-green,.badge-red{background-color:var(--bg-color);color:var(--text-secondary)}.badge-blue{background-color:var(--accent-soft);color:var(--accent-color);border-color:transparent}@media (max-width: 1200px){.main-content{padding:32px}.card{padding:24px}}@media (max-width: 992px){.sidebar{width:240px}.main-content{margin-left:240px;padding:24px}}@media (max-width: 768px){.app-layout{flex-direction:column}.sidebar{width:100%;height:auto;position:sticky;top:0;flex-direction:column;padding:12px 0;z-index:200;border-right:none;border-bottom:1px solid var(--sidebar-border);transform:none!important}.sidebar-toggle-btn,.sidebar-toggle-floating{display:none!important}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.sidebar-logo{padding:0 16px 12px;font-size:18px;margin-bottom:8px;justify-content:space-between}.mobile-user-toggle{display:flex}.sidebar-nav{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 8px}.sidebar.mobile-open .sidebar-nav{display:grid}.sidebar-group{grid-column:span 2}.sidebar-submenu{padding:0 8px 8px}.sidebar-submenu-item,.sidebar-group-toggle{justify-content:space-between;font-size:var(--font-caption)}.sidebar-nav-item{padding:8px 12px;font-size:var(--font-caption);justify-content:center}.sidebar-footer{padding:8px 12px 0;display:none;flex-direction:column;align-items:stretch}.sidebar.mobile-open .sidebar-footer.show{display:flex}.main-content{margin-left:0!important;padding:20px}}@media (max-width: 480px){.main-content{padding:16px}.card{padding:20px;border-radius:var(--radius-md)}.btn{width:100%}}.ui-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);color:var(--text-color)}.ui-content{width:100%;max-width:1200px;margin:0 auto}.ui-stack{display:flex;flex-direction:column;gap:32px}.ui-card{background-color:var(--input-bg);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.ui-card-lg{border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.ui-title{font-size:var(--font-display);font-weight:var(--weight-semibold);color:var(--text-color);margin:0;letter-spacing:-.02em}.ui-subtitle{font-size:var(--font-body);color:var(--text-secondary);margin:0;line-height:1.6}.ui-label{font-size:var(--font-body);font-weight:var(--weight-medium);color:var(--text-color);margin-bottom:4px;display:block}.ui-input,.ui-select,.ui-textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--input-bg);color:var(--text-color);font-size:var(--font-body);font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.ui-textarea{padding:16px;line-height:1.6;resize:vertical;min-height:120px}.ui-input:hover,.ui-select:hover,.ui-textarea:hover{border-color:var(--accent-color)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-soft)}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--text-secondary);opacity:.5}.ui-alert{padding:16px 20px;border-radius:var(--radius-md);font-size:var(--font-body);line-height:1.6;display:flex;align-items:center;gap:12px;border:1px solid transparent}.ui-alert-error{background-color:#dc26260d;border-color:#dc26261a;color:var(--danger-color)}.ui-alert-success{background-color:#0596690d;border-color:#0596691a;color:var(--success-color)}.ui-table{width:100%;border-collapse:collapse;font-size:var(--font-body)}.ui-table th{text-align:left;padding:16px;background-color:var(--bg-color);color:var(--text-secondary);font-weight:var(--weight-medium);font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.ui-table td{padding:16px;border-bottom:1px solid var(--border-color);color:var(--text-color)}.ui-table tr:hover td{background-color:var(--bg-color)}@media (max-width: 992px){.ui-content{max-width:100%;padding:0 24px}.ui-stack{gap:24px}.ui-title{font-size:28px}}@media (max-width: 768px){.ui-page{align-items:flex-start;padding:24px 0}.ui-content{padding:0 16px}.ui-card{padding:20px;border-radius:var(--radius-md)}.ui-card-lg{padding:24px;border-radius:var(--radius-md)}.ui-title{font-size:24px}.ui-subtitle{font-size:var(--font-body)}.ui-input,.ui-select,.ui-textarea{font-size:16px;padding:12px 14px}.ui-alert{padding:14px}.ui-table{min-width:640px}}@media (max-width: 480px){.ui-page{padding:16px 0}.ui-content{padding:0 12px}.ui-card{padding:16px}.ui-card-lg{padding:20px}.ui-title{font-size:22px}.ui-label,.ui-subtitle{font-size:var(--font-caption)}.ui-table th,.ui-table td{padding:12px;font-size:var(--font-caption)}}