@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color: #0f172a;--panel-bg: rgba(30, 41, 59, .7);--panel-border: rgba(255, 255, 255, .1);--text-primary: #f8fafc;--text-secondary: #94a3b8;--primary-glow: rgba(56, 189, 248, .6);--primary-color: #38bdf8;--primary-color-hover: #0ea5e9;--success-color: #10b981;--warning-color: #fbbf24;--danger-color: #ef4444;--glass-blur: blur(16px);--border-radius: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(56,189,248,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.08),transparent 25%);display:flex;flex-direction:column}#global-header{padding:1rem 2rem;background:#0f172af2;border-bottom:1px solid var(--panel-border);text-align:center;z-index:50}#global-header h2{font-size:1.25rem;margin:0;color:var(--primary-color)}#global-footer{padding:.75rem 2rem;background:#0f172af2;border-top:1px solid var(--panel-border);text-align:center;font-size:.875rem;color:var(--text-secondary);z-index:50}#root{flex:1;display:flex;width:100%}.glass-panel{background:var(--panel-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:var(--border-radius);box-shadow:0 4px 30px #0000001a}.glass-input{background:#0f172a80;border:1px solid var(--panel-border);color:var(--text-primary);border-radius:12px;padding:1rem;font-family:inherit;font-size:1rem;line-height:1.6;transition:var(--transition);resize:vertical}.glass-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #38bdf833}.glass-input::placeholder{color:var(--text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.btn-primary{background:linear-gradient(135deg,var(--primary-color),#8b5cf6);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #38bdf84d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38bdf866}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.app-container{display:flex;width:100%;height:100%}.sidebar{width:280px;height:100%;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;border-right:1px solid var(--panel-border);background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10}.main-content{flex:1;padding:2rem;overflow-y:auto;display:flex;flex-direction:column}h1,h2,h3{font-weight:700;letter-spacing:-.025em}.gradient-text{background:linear-gradient(135deg,var(--primary-color),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-btn{background:transparent;border:none;border-radius:12px;padding:.875rem 1rem;display:flex;align-items:center;gap:1rem;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.sidebar-btn:hover{background:#ffffff0d;color:var(--text-primary)}.sidebar-btn.active{background:#38bdf826;color:var(--primary-color);font-weight:600}.icon-inactive{color:var(--text-secondary)}.icon-active{color:var(--primary-color)}.tool-view{display:flex;flex-direction:column;height:100%}.tool-header{margin-bottom:2rem}.editor-container{display:flex;flex:1;min-height:0;overflow:hidden;position:relative}.editor-pane{flex:1;display:flex;flex-direction:column;padding:1.5rem;min-width:0}.editor-divider{width:1px;background:var(--panel-border);position:relative}.divider-line{position:absolute;top:10%;bottom:10%;width:1px;left:0;background:linear-gradient(to bottom,transparent,var(--primary-color),transparent);opacity:.3}.pane-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pane-header h3{font-size:1.1rem;color:var(--text-primary);font-weight:600}.word-counter{font-size:.85rem;color:var(--text-secondary);background:#0003;padding:.25rem .75rem;border-radius:12px;border:1px solid var(--panel-border)}.word-counter.limit-exceeded{color:var(--danger-color);border-color:#ef44444d;background:#ef44441a}textarea.glass-input{flex:1;resize:none;border:none;background:#00000026;box-shadow:inset 0 2px 15px #0000001a;margin-bottom:1.5rem}textarea.glass-input:focus{background:#0003;box-shadow:inset 0 2px 15px #0003,0 0 0 1px var(--primary-color)}.pane-footer{display:flex;justify-content:flex-end}.output-content{flex:1;background:#00000026;border-radius:12px;padding:1rem;overflow-y:auto;position:relative;font-size:1rem;line-height:1.6;white-space:pre-wrap;color:var(--text-primary);box-shadow:inset 0 2px 15px #0000001a}.btn-icon{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.btn-icon:hover{background:#ffffff1a;color:var(--text-primary)}.success-icon{color:var(--success-color)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);opacity:.5}.empty-icon{margin-bottom:1rem;opacity:.5}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;position:relative}.pulse-circle{width:60px;height:60px;border-radius:50%;background:var(--primary-glow);animation:ping 2s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.scanning-bar{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);animation:scan 2s linear infinite;box-shadow:0 0 10px var(--primary-color)}@keyframes scan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@media (max-width: 900px){.editor-container{flex-direction:column}.editor-divider{width:100%;height:1px;margin:1rem 0}.divider-line{top:0;bottom:0;left:10%;right:10%;width:auto;height:1px;background:linear-gradient(to right,transparent,var(--primary-color),transparent)}}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;margin-bottom:2rem;border-radius:12px}.header-search{display:flex;align-items:center;background:#0f172a80;border:1px solid var(--panel-border);border-radius:8px;padding:.5rem 1rem;width:300px;transition:var(--transition)}.header-search:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #38bdf833}.search-icon{color:var(--text-secondary);margin-right:.5rem}.search-input{background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:.875rem;width:100%}.search-input:focus{outline:none}.search-input::placeholder{color:var(--text-secondary)}.header-actions{display:flex;align-items:center;gap:1.5rem}.btn-icon{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);position:relative}.btn-icon:hover{color:var(--primary-color)}.notification-btn{padding:.5rem}.notification-dot{position:absolute;top:4px;right:6px;width:8px;height:8px;background-color:var(--danger-color);border-radius:50%;border:2px solid var(--panel-bg)}.user-profile{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.25rem;border-radius:8px;transition:var(--transition)}.user-profile:hover{background:#ffffff0d}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff}.user-info{display:flex;flex-direction:column}.user-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.user-role{font-size:.7rem;color:var(--primary-color);font-weight:500}.footer{margin-top:2rem;padding:1.5rem 2rem;border-radius:12px;text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width: 768px){.footer-content{flex-direction:row;justify-content:space-between}}.footer-left p{color:var(--text-secondary);font-size:.875rem}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:var(--transition)}.footer-links a:hover{color:var(--primary-color)}.admin-view{display:flex;flex-direction:column;gap:2rem;width:100%}.admin-header-wrapper{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1.5rem;border-bottom:1px solid var(--panel-border);padding-bottom:1rem;margin-bottom:-1rem}.admin-tabs{display:flex;gap:.5rem;background:#0f172a66;padding:.35rem;border-radius:10px;border:1px solid var(--panel-border)}.admin-tab-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition)}.admin-tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.admin-tab-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #38bdf840}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.stat-card{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.stat-header{display:flex;justify-content:space-between;align-items:center}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.stat-icon-wrapper{background:#38bdf81a;padding:.5rem;border-radius:8px;color:var(--primary-color)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin:.25rem 0}.stat-change{display:flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:500}.stat-change.positive{color:var(--success-color)}.stat-change.negative{color:var(--danger-color)}.stat-change span{color:var(--text-secondary)}.admin-actions-banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#0f172acc,#1e293b99);border:1px solid var(--primary-color);box-shadow:0 0 20px #38bdf81a}.banner-content h3{margin:0 0 .25rem;font-size:1.125rem;color:var(--text-primary)}.banner-content p{margin:0;font-size:.875rem;color:var(--text-secondary)}.banner-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-icon-text{display:flex;align-items:center;gap:.5rem}.danger-outline{background:transparent;border:1px solid var(--danger-color);color:var(--danger-color)}.danger-outline:hover{background:#ef44441a;border-color:var(--danger-color)}.admin-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 1024px){.admin-content-grid{grid-template-columns:1fr}}.admin-panel-section{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.admin-panel-section.expand-full{grid-column:1 / -1}.section-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--panel-border);padding-bottom:1rem}.section-header h3{font-size:1.125rem;font-weight:600;margin:0}.header-actions{display:flex;gap:1rem;align-items:center}.search-input.compact{padding:.5rem 1rem;font-size:.875rem;min-width:250px}.btn-link{background:transparent;border:none;color:var(--primary-color);font-size:.875rem;cursor:pointer;transition:var(--transition)}.btn-link:hover{color:var(--primary-color-hover);text-decoration:underline}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem;border-radius:8px;transition:var(--transition);background:#0f172a4d}.activity-item:hover{background:#ffffff0d}.activity-indicator{width:10px;height:10px;border-radius:50%;margin-top:6px;flex-shrink:0}.activity-indicator.success{background-color:var(--success-color);box-shadow:0 0 8px #10b98180}.activity-indicator.warning{background-color:var(--warning-color);box-shadow:0 0 8px #fbbf2480}.activity-indicator.danger{background-color:var(--danger-color);box-shadow:0 0 8px #ef444480}.activity-indicator.info{background-color:var(--primary-color);box-shadow:0 0 8px #38bdf880}.activity-details{display:flex;flex-direction:column;gap:.25rem;width:100%}.activity-primary{display:flex;justify-content:space-between;align-items:flex-start}.activity-user{font-weight:500;color:var(--text-primary);font-size:.9rem}.activity-action{color:var(--text-secondary);font-size:.875rem}.activity-time{font-size:.75rem;color:var(--text-secondary);opacity:.7}.health-metrics{display:flex;flex-direction:column;gap:1.25rem}.health-metric{display:flex;flex-direction:column;gap:.5rem}.metric-info{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary);font-weight:500}.metric-bar-container{width:100%;height:8px;background:#0003;border-radius:4px;overflow:hidden}.metric-bar{height:100%;border-radius:4px;transition:width 1s ease-in-out}.fill-primary{background:linear-gradient(90deg,var(--primary-color),#8b5cf6)}.fill-success{background:var(--success-color)}.fill-warning{background:var(--warning-color)}.table-responsive{overflow-x:auto;width:100%}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th,.admin-table td{padding:1rem;border-bottom:1px solid var(--panel-border)}.admin-table th{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#0f172a33}.admin-table tbody tr{transition:var(--transition)}.admin-table tbody tr:hover{background:#ffffff05}.fw-medium{font-weight:500}.text-primary-light{color:#e2e8f0}.text-secondary{color:var(--text-secondary);font-size:.875rem}.text-right{text-align:right}.justify-end{justify-content:flex-end}.badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.025em}.badge.plan-pro{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.badge.plan-free{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.badge.plan-enterprise{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge.status-active{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge.status-suspended{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.mr-1{margin-right:.25rem}.usage-meter{display:flex;align-items:center;gap:.5rem}.usage-track{width:60px;height:6px;background:#0000004d;border-radius:3px;overflow:hidden}.usage-fill{height:100%;border-radius:3px}.usage-fill.safe{background:var(--primary-color)}.usage-fill.warning{background:var(--warning-color)}.usage-fill.danger{background:var(--danger-color)}.usage-text{font-size:.75rem;color:var(--text-secondary);min-width:3ch}.action-buttons{display:flex;gap:.5rem}.btn-icon-small{background:transparent;border:none;color:var(--text-secondary);padding:.4rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.btn-icon-small:hover{background:#ffffff1a;color:var(--text-primary)}.danger-text:hover{color:var(--danger-color);background:#ef44441a}.settings-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.placeholder-icon{color:var(--panel-border);margin-bottom:1.5rem;opacity:.5}.settings-placeholder h4{color:var(--text-primary);font-size:1.25rem;margin:0}.mt-2{margin-top:1rem}.action-feedback-toast{position:fixed;bottom:2rem;right:2rem;background:var(--success-color);color:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 10px 25px #00000080;font-weight:500;transform:translateY(100px);opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:1000;pointer-events:none}.action-feedback-toast.show{transform:translateY(0);opacity:1}.password-prompt-view{display:flex;justify-content:center;align-items:center;min-height:60vh;width:100%}.password-card{width:100%;max-width:420px;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;background:linear-gradient(145deg,#0f172ab3,#1e293b66);border:1px solid rgba(56,189,248,.2);box-shadow:0 25px 50px -12px #00000080}.password-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.shield-icon-wrapper{width:64px;height:64px;border-radius:50%;background:#38bdf81a;display:flex;align-items:center;justify-content:center;color:var(--primary-color);margin-bottom:.5rem;box-shadow:0 0 20px #38bdf833;border:1px solid rgba(56,189,248,.2)}.text-center{text-align:center}.mb-2{margin-bottom:1rem}.password-form{width:100%;display:flex;flex-direction:column;gap:1rem}.input-group{position:relative;width:100%;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--text-secondary);pointer-events:none;transition:var(--transition)}.input-group input{width:100%;padding:.875rem 1rem .875rem 3rem;background:#0003;border:1px solid var(--panel-border);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:var(--transition)}.input-group input:focus{outline:none;border-color:var(--primary-color);background:#0f172a66;box-shadow:0 0 0 3px #38bdf826}.input-group input:focus+.input-icon{color:var(--primary-color)}.input-group.has-error input{border-color:var(--danger-color);background:#ef44440d}.error-message{color:var(--danger-color);font-size:.875rem;background:#ef44441a;padding:.5rem .75rem;border-radius:6px;border:1px solid rgba(239,68,68,.2);display:flex;align-items:center}.w-full{width:100%}.mt-1{margin-top:.5rem}.ml-1{margin-left:.25rem}.text-xs{font-size:.75rem}.opacity-70{opacity:.7}.flex-center{display:flex;align-items:center;justify-content:center}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999}.auth-modal-content{background:linear-gradient(145deg,#0f172ae6,#1e293bcc);border:1px solid rgba(56,189,248,.2);border-radius:16px;width:100%;max-width:440px;padding:2.5rem;position:relative;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;gap:1.5rem}.auth-close-btn{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.auth-close-btn:hover{color:var(--danger-color);background:#ef44441a}.auth-header{text-align:center}.auth-header h2{font-size:1.75rem;margin-bottom:.5rem}.auth-tabs{display:flex;background:#0003;border-radius:12px;padding:.25rem;border:1px solid rgba(56,189,248,.1)}.auth-tab-btn{flex:1;padding:.75rem;background:none;border:none;color:var(--text-secondary);font-weight:500;border-radius:8px;cursor:pointer;transition:var(--transition)}.auth-tab-btn:hover{color:var(--text-primary)}.auth-tab-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #38bdf833}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form .input-group{position:relative;width:100%;display:flex;align-items:center}.auth-form .input-icon{position:absolute;left:1rem;color:var(--text-secondary);pointer-events:none;transition:var(--transition)}.auth-form .input-group input{width:100%;padding:.875rem 1rem .875rem 3rem;background:#0003;border:1px solid var(--panel-border);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:var(--transition)}.auth-form .input-group input:focus{outline:none;border-color:var(--primary-color);background:#0f172a66;box-shadow:0 0 0 3px #38bdf826}.auth-form .input-group input:focus+.input-icon{color:var(--primary-color)}.auth-form .error-message{color:var(--danger-color);font-size:.875rem;background:#ef44441a;padding:.5rem .75rem;border-radius:6px;border:1px solid rgba(239,68,68,.2);display:flex;align-items:center}.auth-form .w-full{width:100%}.auth-form .mt-2{margin-top:1rem}.auth-form .flex-center{display:flex;align-items:center;justify-content:center}.auth-form .ml-1{margin-left:.25rem}