:root{--bg:#faf7f5;--panel:#fff;--accent:#ff7b54;--accent-2:#ff5722;--accent-light:#fff3ef;--success:#38d9a9;--success-dark:#20c997;--text:#2d3436;--muted:#636e72;--border:#e8e4e1;--radius-lg:20px;--radius-sm:14px;--shadow:0 4px 12px rgba(255,87,34,.12);--shadow-lg:0 8px 24px rgba(255,87,34,.18);--btn-shadow:0 4px 0 #d84315;--pointer-x:50%;--pointer-y:50%;--pointer-shift-x:0px;--pointer-shift-y:0px;--pointer-tilt:0deg}*{box-sizing:border-box;-webkit-text-size-adjust:100%}html{overflow-x:hidden;width:100%;max-width:100%;-webkit-overflow-scrolling:touch}body{margin:0;padding:0;overflow-x:hidden;width:100%;max-width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;display:grid;place-items:stretch;-webkit-overflow-scrolling:touch}.app-shell,body{min-height:100vh}.app-shell{padding:0}.app-shell,.dna-bg{width:100%;display:flex;justify-content:center;background:var(--bg)}.dna-bg{position:relative;overflow:hidden;min-height:100vh;isolation:isolate;align-items:center;padding:clamp(18px,3vw,42px)}.dna-bg:after,.dna-bg:before,.dna-particles{display:none}@keyframes dna-slide{0%{transform:translate3d(-6%,-6%,0) rotate(-1deg)}to{transform:translate3d(6%,6%,0) rotate(1deg)}}@keyframes dna-float{0%{transform:translate3d(-12px,-8px,0) scale(1)}to{transform:translate3d(12px,8px,0) scale(1.02)}}@keyframes sparkle{0%{background-position:0 0,40px 40px}to{background-position:-80px -80px,-40px -40px}}.app-card{background:var(--panel);border:none;border-radius:0;max-width:100%;margin:0;padding:clamp(20px,4vw,40px);box-shadow:none;grid-gap:24px;gap:24px}.app-card,.login-shell{width:100%;min-height:100vh;display:grid}.login-shell{place-items:center;padding:20px;background:var(--bg)}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;max-width:960px;width:min(960px,100%);box-shadow:var(--shadow);display:grid;grid-gap:18px;gap:18px}.login-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:14px;gap:14px}.login-panel{border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;background:#fafaf9}.auth-form{grid-gap:10px;gap:10px}.auth-form label{font-weight:700;color:var(--muted)}.auth-form input{padding:12px 14px;border:1px solid var(--border);border-radius:12px;font-size:16px;background:var(--panel);color:var(--text)}.captcha-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fef3e7;border:1px dashed var(--accent);border-radius:12px;padding:10px 12px}.captcha-text{font-weight:700;letter-spacing:.3px;color:var(--accent)}.status-text.error{color:#f87171}.button.block{width:100%}.app-hero{display:grid;grid-template-columns:2fr 1fr;grid-gap:14px;gap:14px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;color:var(--accent);font-weight:700;font-size:12px;margin:0}h1{margin:10px 0 8px;line-height:1.25;font-size:clamp(32px,4vw,42px)}.lede{color:var(--text);margin-top:0;font-size:18px;line-height:1.6}.feature-ribbons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.feature-ribbons span{background:var(--accent-light);border:2px solid var(--accent);border-radius:999px;padding:8px 14px;font-weight:700;color:var(--accent-2);box-shadow:0 2px 0 rgba(255,87,34,.12)}.usage-tile{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;display:grid;grid-gap:8px;gap:8px;text-align:center}.usage-top{color:var(--muted);font-weight:700}.usage-meter{width:100%;height:14px;background:#f0eeeb;border-radius:999px;border:1px solid var(--border);overflow:hidden}.usage-fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .2s ease}.usage-bottom{font-weight:700}.controls{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;display:grid;grid-gap:12px;gap:12px}.big-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:18px;gap:18px}.big-button{border:none;border-radius:var(--radius-lg);padding:48px 40px;font-size:28px;font-weight:800;background:linear-gradient(180deg,var(--accent-light),#ffe8e0);color:var(--text);border:3px solid var(--accent);cursor:pointer;box-shadow:0 6px 0 rgba(255,87,34,.25),var(--shadow);transition:transform .1s ease,box-shadow .1s ease;text-align:center;min-height:200px;line-height:1.4;position:relative}.big-button:hover{transform:translateY(-2px);box-shadow:0 8px 0 rgba(255,87,34,.25),var(--shadow-lg)}.big-button:active{transform:translateY(4px);box-shadow:0 2px 0 rgba(255,87,34,.25)}.camera-button{background:linear-gradient(180deg,#e8f5e9,#c8e6c9);border-color:var(--success);box-shadow:0 6px 0 rgba(32,201,151,.3),0 4px 12px rgba(56,217,169,.15)}.voice-button{background:linear-gradient(180deg,#fff3ef,#ffe8e0);border-color:var(--accent)}.voice-button[aria-pressed=true]{background:linear-gradient(180deg,#ffcdd2,#ef9a9a);border-color:#e57373;box-shadow:0 4px 0 hsla(0,69%,67%,.4),0 0 20px hsla(0,69%,67%,.3);animation:pulse-record 1.5s ease-in-out infinite}@keyframes pulse-record{0%,to{box-shadow:0 4px 0 hsla(0,69%,67%,.4),0 0 20px hsla(0,69%,67%,.3)}50%{box-shadow:0 4px 0 hsla(0,69%,67%,.4),0 0 30px hsla(0,69%,67%,.5)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.text-area{display:grid;grid-gap:8px;gap:8px}.text-label{font-weight:700}.text-area-prominent{display:grid;grid-gap:10px;gap:10px}.text-label-prominent{font-weight:700;font-size:17px;color:var(--text)}.input-prominent{width:100%;padding:16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:18px}.input-row-prominent{display:flex;gap:10px}.chat-button{background:linear-gradient(135deg,hsla(31,53%,64%,.25),hsla(25,46%,61%,.2))}.input-row{display:flex;gap:10px}input[type=text]{flex:1 1;padding:16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:17px}input[type=email]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder{color:var(--muted)}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{outline:2px solid var(--accent);box-shadow:0 0 0 4px rgba(255,123,84,.15);border-color:var(--accent)}.button{border:none;border-radius:var(--radius-sm);padding:18px 28px;font-weight:800;cursor:pointer;font-size:22px;transition:transform .1s ease,box-shadow .1s ease,background .2s ease;line-height:1.4;position:relative}.button.primary{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:var(--panel);box-shadow:0 4px 0 #d84315,var(--shadow);transform:translateY(0)}.button.primary:hover{background:linear-gradient(180deg,#ff8a65,var(--accent));box-shadow:0 5px 0 #d84315,var(--shadow-lg);transform:translateY(-1px)}.button.primary:active{box-shadow:0 1px 0 #d84315;transform:translateY(3px)}.button.ghost,.button.secondary{background:var(--panel);color:var(--text);border:2px solid var(--border);box-shadow:0 3px 0 var(--border)}.button.ghost:hover,.button.secondary:hover{border-color:var(--accent);box-shadow:0 4px 0 rgba(255,123,84,.3);transform:translateY(-1px)}.button.ghost:active,.button.secondary:active{box-shadow:0 1px 0 var(--border);transform:translateY(2px)}.button.ghost{background:transparent}.status-row{min-height:22px}.status-text{color:var(--muted);font-weight:600}.conversation{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;display:grid;grid-gap:10px;gap:10px}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.pill{background:var(--accent-light);color:var(--accent-2);padding:8px 14px;border-radius:999px;border:2px solid var(--accent);font-weight:700;box-shadow:0 2px 0 rgba(255,87,34,.15)}.active-pill{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#fff;border-color:var(--accent-2)}.messages{min-height:260px;max-height:420px;overflow-y:auto;background:#fafaf9}.message,.messages{border-radius:var(--radius-sm);border:1px solid var(--border);padding:12px}.message{margin-bottom:10px}.upgrade-cta{margin-top:10px;padding:12px;border-radius:var(--radius-sm);border:1px dashed var(--accent);background:hsla(31,53%,64%,.1);display:grid;grid-gap:8px;gap:8px}.cta-buttons{display:flex;gap:10px;flex-wrap:wrap}.voice-toggle-row{display:flex;align-items:center;gap:10px;margin-top:8px}.small{font-size:14px}.example-banner{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;color:var(--text);margin-bottom:12px;box-shadow:var(--shadow)}.token-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:12px;gap:12px}.token-card{background:#fafaf9;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;display:grid;grid-gap:10px;gap:10px}.plan-card{border:1px solid var(--border);box-shadow:var(--shadow)}.plan-heading{display:grid;grid-gap:4px;gap:4px}.plan-features{list-style:none;padding:0;margin:0;display:grid;grid-gap:6px;gap:6px;color:var(--text)}.plan-features li{background:hsla(31,53%,64%,.08);border-radius:var(--radius-sm);padding:8px 10px}.plan-actions{display:flex;justify-content:flex-end}.plan-preview{margin-top:24px;display:grid;grid-gap:12px;gap:12px}.token-card h3{margin:0}.token-card .muted{color:var(--muted);margin:0}.message.user{background:var(--accent-light);border-left:3px solid var(--accent)}.message.ai{background:linear-gradient(135deg,#e8f5e9,#f1f8f6);border-left:3px solid var(--success)}.camera-area{display:none;background:#fafaf9;border:1px dashed var(--border);border-radius:var(--radius-sm);padding:14px;gap:10px}.camera-header{justify-content:space-between;align-items:center}.camera-actions,.camera-header{display:flex;gap:10px}canvas,video{width:100%;max-height:220px;border-radius:12px;background:#f0eeeb;border:1px solid var(--border)}.hint{color:var(--muted);margin:0}.helper{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px}.helper ul{margin:0;padding-left:18px;color:var(--muted)}.features{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px;display:grid;grid-gap:12px;gap:12px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px}.feature-card{background:#fafaf9;border:1px solid var(--border);border-radius:16px;padding:14px;display:grid;grid-gap:6px;gap:6px;color:var(--muted)}.feature-card h4{margin:0;color:var(--text)}.pricing-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:720px;margin:0 auto;padding:24px;box-shadow:var(--shadow);display:grid;grid-gap:14px;gap:14px;text-align:center}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px}.plan{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;display:grid;grid-gap:6px;gap:6px}.plan-top{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:hsla(31,53%,64%,.2);color:var(--accent);font-weight:800;margin:0 auto}.plan ul{color:var(--muted);padding-left:18px;text-align:left}.price{font-weight:800;font-size:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:768px){.app-shell,body{padding:12px}.app-card{padding:18px}.app-hero{grid-template-columns:1fr;gap:12px}h1{font-size:clamp(22px,5vw,28px)}.eyebrow{font-size:11px;letter-spacing:1px}.lede{font-size:14px}.usage-tile{padding:12px}.usage-top{font-size:13px}.usage-bottom{font-size:14px}.controls{padding:12px;gap:10px}.input-row{flex-direction:column}.button{width:100%;padding:14px 18px;font-size:18px}.big-buttons{grid-template-columns:1fr;gap:12px}.big-button{padding:36px 28px;font-size:32px;min-height:160px}.text-area-prominent{gap:8px}.text-label-prominent{font-size:15px}.input-prominent{font-size:16px;padding:14px}.controls,.conversation,.features,.helper{padding:12px}.messages{min-height:200px;max-height:340px}.token-grid{grid-template-columns:1fr;gap:10px}.admin-card{padding:16px}.admin-header{flex-direction:column;align-items:flex-start;gap:10px}.admin-title{font-size:22px}.status-text{font-size:13px}.admin-summary{grid-template-columns:repeat(2,1fr);gap:8px}.summary-card{padding:10px 12px}.summary-label{font-size:12px}.summary-value{font-size:18px}.summary-card.highlight .summary-value{font-size:20px}.admin-table-wrapper{padding:10px}.table-head h2{font-size:16px}.admin-table{font-size:12px}.admin-table td,.admin-table th{padding:6px 8px}.admin-table .mono{font-size:11px;word-break:break-all}.button-group{display:flex;flex-wrap:wrap;gap:8px}.status-row{display:flex;flex-direction:column;gap:10px;align-items:stretch}.helper ul,.plan-features{font-size:14px;gap:4px}.plan-card{padding:10px}.plan-heading{gap:2px}.plan-features li{padding:6px 8px;font-size:13px}.panel-heading{flex-direction:column;align-items:flex-start;gap:8px}.pill{font-size:12px;padding:6px 10px}}@media (max-width:480px){.app-card{padding:14px}h1{font-size:20px}.admin-summary{grid-template-columns:1fr}.summary-card{text-align:center}.big-button{font-size:28px;padding:32px 24px;min-height:140px}.usage-tile{padding:10px}}.auth-card{max-width:560px;margin:2rem auto;background:var(--panel);border-radius:24px;padding:2.5rem;box-shadow:var(--shadow);border:1px solid var(--border);color:var(--text);position:relative;z-index:2}.auth-form{display:grid;grid-gap:.75rem;gap:.75rem;margin-top:1rem}.auth-card h1{font-size:2rem;margin-bottom:.25rem}.auth-links{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;gap:1rem}.auth-links a{color:var(--accent);font-weight:700}.auth-feature-list{margin:1rem 0 0;padding:14px 16px;border-radius:14px;border:2px solid var(--accent);background:var(--accent-light);color:var(--text);list-style:none;display:grid;grid-gap:6px;gap:6px;font-weight:700;box-shadow:0 3px 0 rgba(255,87,34,.15)}.auth-feature-list li:before{content:"\2713";color:var(--success);margin-right:8px;font-weight:800}.auth-note{margin:8px 0 12px;color:var(--muted);font-weight:600}.admin-card{width:min(1100px,100%);display:flex;flex-direction:column;gap:18px}.admin-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.admin-title{margin:0;font-size:28px}.admin-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;align-items:end}.filter-group{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}.filter-group input,.filter-group select{background:var(--panel);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:10px 12px}.admin-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.summary-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;box-shadow:var(--shadow)}.summary-card.highlight{background:linear-gradient(135deg,hsla(31,53%,64%,.1),hsla(25,46%,61%,.1));border:2px solid var(--accent)}.summary-card.highlight .summary-label{color:var(--accent);font-weight:700}.summary-card.highlight .summary-value{color:var(--text);font-size:24px}.summary-label{margin:0;color:var(--muted);font-size:14px}.summary-value{margin:4px 0 0;font-size:22px;font-weight:700}.admin-table-wrapper{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;box-shadow:var(--shadow)}.table-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.table-scroll{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table td,.admin-table th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.admin-table th{color:var(--muted);font-weight:600}.admin-table .mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px}.pagination .primary:disabled{opacity:.5;cursor:not-allowed}.message img{max-width:300px;max-height:300px;border-radius:12px;margin-top:8px;display:block}.message.user img{border:2px solid var(--accent)}.input-with-send{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px;align-items:end}.input-with-send .input-prominent{min-height:56px}.input-with-send .big-button{height:56px;white-space:nowrap}@media (max-width:640px){.input-with-send{grid-template-columns:1fr}.input-with-send .big-button{width:100%}}.image-preview{background:#fafaf9;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin-top:12px}.image-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.image-preview-label{font-weight:700;color:var(--text)}.preview-image{width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius-sm);margin-bottom:8px}.divider-text{text-align:center;position:relative;margin:16px 0}.divider-text:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}.divider-text span{position:relative;background:var(--panel);padding:0 12px;color:var(--muted);font-weight:700;font-size:14px}.button-group{display:flex;gap:10px;align-items:center}.admin-navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:14px;gap:14px;margin:16px 0}.admin-nav-button{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .2s ease;text-align:left}.admin-nav-button:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.nav-icon{font-size:32px;flex-shrink:0}.nav-content h3{margin:0 0 4px;font-size:18px;color:var(--text)}.nav-content p{margin:0;font-size:14px;color:var(--muted)}.app-header{background:var(--panel);border-bottom:1px solid var(--border);padding:16px 20px}.app-header-content{max-width:1200px;margin:0 auto;justify-content:space-between;gap:16px;flex-wrap:wrap}.app-header-content,.app-logo{display:flex;align-items:center}.app-logo{gap:10px;font-size:20px;font-weight:800;color:var(--text)}.logo-icon{font-size:28px}.logo-text{font-size:20px}.admin-content{max-width:1200px;margin:0 auto;padding:24px 20px;display:grid;grid-gap:20px;gap:20px}.admin-page-header h1{margin:0 0 6px;font-size:28px}.admin-page-header p{margin:0}.admin-search-bar{width:100%}.search-input{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:16px;background:var(--panel);color:var(--text)}.search-input:focus{outline:2px solid var(--accent);box-shadow:0 0 0 4px rgba(255,123,84,.15);border-color:var(--accent)}.admin-loading{text-align:center;padding:40px;color:var(--muted);font-size:18px}.error-message{background:#fee;border:1px solid #fcc;border-radius:var(--radius-sm);padding:14px;color:#c33;font-weight:700}.users-table-wrapper{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto;box-shadow:var(--shadow)}.users-table{width:100%;border-collapse:collapse;font-size:14px}.users-table td,.users-table th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border)}.users-table th{color:var(--muted);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.users-table tbody tr:hover,.users-table th{background:#fafaf9}.user-cell{display:flex;flex-direction:column;gap:4px}.user-cell strong{color:var(--text);font-size:14px}.user-name{font-size:13px;color:var(--muted)}.user-joined{font-size:12px;color:var(--muted)}.tier-cell{display:flex;flex-direction:column;gap:4px}.tier-name{font-weight:700;color:var(--text)}.tier-badge{display:inline-block;background:hsla(31,53%,64%,.2);color:var(--accent);padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;width:-moz-fit-content;width:fit-content}.tier-price{font-size:12px;color:var(--muted)}.status-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:capitalize}.status-badge.status-active{background:#d1fae5;color:#065f46}.status-badge.status-inactive{background:#fee;color:#991b1b}.status-badge.status-cancelled{background:#e5e5e5;color:#525252}.status-badge.status-expired{background:#fed7aa;color:#9a3412;margin-left:6px}.usage-cell{display:flex;flex-direction:column;gap:4px;min-width:120px}.usage-text{font-size:13px;font-weight:700;color:var(--text)}.usage-bar{width:100%;height:8px;background:#f0eeeb;overflow:hidden}.usage-bar,.usage-bar-fill{border-radius:999px}.usage-percent{font-size:11px;color:var(--muted)}.trial-cell{display:flex;flex-direction:column;gap:2px;font-size:13px}.custom-limit{font-weight:700;color:var(--accent)}.button.small{padding:8px 14px;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}@media (max-width:480px){.modal-overlay{padding:0;align-items:stretch}}.modal-content{background:var(--panel);border-radius:var(--radius-lg);padding:24px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}@media (max-width:480px){.modal-content{width:100%;max-width:100%;max-height:100vh;height:100vh;border-radius:0;padding:16px}}.modal-content h2{margin:0 0 20px;font-size:22px;color:var(--text)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:700;color:var(--text);font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;background:var(--panel);color:var(--text);font-family:inherit}.form-group textarea{resize:vertical;min-height:80px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:2px solid var(--accent);box-shadow:0 0 0 4px rgba(255,123,84,.15);border-color:var(--accent)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.pagination-info{color:var(--muted);font-weight:700}.chat-modal{background:var(--panel);border-radius:var(--radius-lg);max-width:900px;width:95%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px rgba(0,0,0,.2),0 10px 10px -5px rgba(0,0,0,.1);overflow:hidden}@media (max-width:480px){.chat-modal{width:100%;max-width:100%;max-height:100vh;height:100vh;border-radius:0}}.chat-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:2px solid var(--border);gap:16px}.chat-modal-messages{flex:1 1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.chat-modal-messages .message{padding:16px;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--panel)}.chat-modal-messages .message.user{background:hsla(25,46%,61%,.15);border-color:hsla(25,46%,61%,.3)}.chat-modal-messages .message.ai{background:hsla(31,53%,64%,.12);border-color:hsla(31,53%,64%,.3)}.chat-modal-messages .message img{max-width:400px;max-height:400px;border-radius:var(--radius-sm);border:2px solid var(--accent)}@media (max-width:768px){.app-header-content{flex-direction:column;align-items:stretch}.admin-content{padding:16px}.users-table{font-size:12px}.users-table td,.users-table th{padding:8px 10px}.modal-content{padding:20px}.admin-page-header h1{font-size:24px}.chat-modal{width:100%;max-height:90vh;border-radius:0}.chat-modal-header{padding:16px;flex-direction:column;align-items:stretch}.chat-modal-messages{padding:16px}.chat-modal-messages .message img{max-width:100%;max-height:300px}}.admin-section{margin-bottom:32px}.admin-section h2{font-size:20px;font-weight:700;margin:0 0 16px;color:var(--text)}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.health-item{flex-direction:column;padding:16px;background:var(--bg);border-radius:var(--radius-sm);text-align:center}.health-item,.health-status{display:flex;align-items:center}.health-status{width:48px;height:48px;border-radius:50%;justify-content:center;font-size:24px;font-weight:700;margin-bottom:8px}.health-status.healthy{background:#d1fae5;color:#065f46}.health-status.warning{background:#fef3c7;color:#92400e}.health-status.error{background:#fee2e2;color:#991b1b}.health-item span:not(.health-status){font-weight:600;font-size:14px;color:var(--text)}.health-detail{display:block;margin-top:4px;font-size:12px;color:var(--muted);font-weight:400}.suspicion-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:700;font-size:14px;color:#fff}.flags-list{display:flex;flex-direction:column;gap:4px}.flag-item{padding:4px 8px;background:#fef3c7;color:#92400e;border-radius:6px;font-size:12px;font-weight:500}.stats-cell{display:flex;flex-direction:column;gap:2px}.config-section{margin-bottom:40px}.config-section h2{font-size:22px;font-weight:700;margin:0 0 8px;color:var(--text)}.config-section p.muted{margin:0 0 20px}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px;margin-top:16px}.config-card{background:var(--bg);padding:20px;border-radius:var(--radius-sm);border:1px solid var(--border)}.config-card h3{font-size:16px;font-weight:700;margin:0 0 16px;color:var(--text)}.config-items{display:flex;flex-direction:column;gap:12px}.config-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.config-item:last-child{border-bottom:none}.config-key{font-weight:600;color:var(--text)}.config-value{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:14px;color:var(--muted)}.config-table-wrapper{overflow-x:auto;margin-top:16px}.config-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-sm);overflow:hidden}.config-table td,.config-table th{padding:12px;text-align:left;border-bottom:1px solid var(--border)}.config-table th{background:var(--bg);font-weight:700;font-size:14px;color:var(--text)}.config-table td{font-size:14px}.config-table code{padding:2px 6px;border-radius:4px;font-size:13px;color:var(--accent-2)}.config-table code,.config-value-display{background:var(--bg);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.config-value-display{margin:0;padding:8px;border-radius:6px;font-size:12px;color:var(--text);max-width:300px;overflow-x:auto}.info-box{background:#fef3c7;padding:20px;border-radius:var(--radius-sm);border:1px solid #fbbf24}.info-box h3{margin:0 0 12px;font-size:16px;font-weight:700;color:#92400e}.info-box ul{margin:0;padding-left:20px;color:#78350f}.info-box li{margin-bottom:8px}.info-box code{background:#fff;padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px}.admin-section .table-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}a.admin-nav-button{text-decoration:none;color:inherit}@media (max-width:768px){.config-grid,.health-grid{grid-template-columns:1fr}.flags-list{max-width:200px}.config-value-display{font-size:11px;max-width:100%}}.modal-content.large{max-width:900px;max-height:90vh;overflow-y:auto}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.detail-section{background:var(--bg);padding:16px;border-radius:var(--radius-sm);border:1px solid var(--border)}.detail-section.full-width{grid-column:1/-1}.detail-section h3{margin:0 0 12px;font-size:16px;font-weight:700;color:var(--text)}.detail-items div{padding:8px 0;border-bottom:1px solid var(--border)}.detail-items div:last-child{border-bottom:none}.usage-chart{display:flex;flex-direction:column;gap:8px}.usage-bar-row{display:flex;align-items:center;gap:8px}.usage-date{min-width:60px;font-size:12px;color:var(--muted)}.usage-bar-container{flex:1 1;height:20px;background:var(--border);border-radius:4px;overflow:hidden}.usage-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .3s ease}.usage-count{min-width:30px;text-align:right;font-weight:600;font-size:14px}.audit-log-item.small{padding:12px;margin-bottom:8px;background:#fff;border-radius:8px;border:1px solid var(--border)}.audit-log-item.small:last-child{margin-bottom:0}.usage-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px;align-items:end;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;box-shadow:var(--shadow);margin-bottom:20px}.quick-ranges{display:flex;gap:8px;flex-wrap:wrap;grid-column:1/-1}.chart-container{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;box-shadow:var(--shadow)}.chart-legend{display:flex;gap:20px;margin-bottom:16px;justify-content:center}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text)}.legend-color{width:20px;height:12px;border-radius:2px}.time-series-chart{display:flex;gap:8px;align-items:flex-end;justify-content:space-between;min-height:240px;padding:12px 8px 32px;background:#fafaf9;border-radius:var(--radius-sm);border:1px solid var(--border);overflow-x:auto}.chart-bar-group{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1 1;min-width:60px}.chart-bars{display:flex;gap:4px;align-items:flex-end;height:180px;width:100%;justify-content:center}.chart-bar{flex:1 1;max-width:20px;border-radius:4px 4px 0 0;transition:all .3s ease;cursor:pointer;position:relative}.chart-bar.requests{background:linear-gradient(180deg,#d4a574,#c9936d)}.chart-bar.cost{background:linear-gradient(180deg,#4ff2c7,#38d9a9)}.chart-bar:hover{opacity:.8;transform:translateY(-2px)}.chart-label{font-size:11px;color:var(--muted);font-weight:600;text-align:center;white-space:nowrap}.chart-values{display:flex;gap:4px;font-size:10px;color:var(--muted)}.chart-value-item{text-align:center;flex:1 1}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px}.breakdown-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.breakdown-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px hsla(0,0%,6%,.12)}.breakdown-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.breakdown-icon{font-size:32px}.breakdown-header h3{margin:0;font-size:18px;font-weight:700;color:var(--text)}.breakdown-stats{display:flex;flex-direction:column;gap:12px}.breakdown-stat{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.breakdown-stat.highlight{background:hsla(31,53%,64%,.1);border-color:var(--accent)}.stat-label{font-size:14px;color:var(--muted);font-weight:600}.stat-value{font-size:16px;font-weight:700;color:var(--text)}.breakdown-stat.highlight .stat-value{color:var(--accent-2)}@media (max-width:768px){.usage-filters{grid-template-columns:1fr}.chart-legend{gap:12px}.time-series-chart{min-height:200px;padding-bottom:40px}.chart-bars{height:140px}.chart-label{font-size:10px;transform:rotate(-45deg);transform-origin:center;margin-top:12px}.breakdown-grid{grid-template-columns:1fr}}