:root{--primary-color: #7033ff;--primary-gradient: linear-gradient(135deg, #7033ff, #3276e4);--success-color: #4ac885;--destructive-color: #e54b4f;--warning-color: #f59e0b;--bg-color: #fdfdfd;--card-bg: #fdfdfd;--header-bg: rgba(253, 253, 253, .9);--text-main: #000000;--text-secondary: #525252;--border-color: #e7e7ee;--primary-light: #e2ebff;--input-bg: #ebebeb;--hero-bg: #161618;--hero-text: #ffffff;--hero-sub: #a0a0a0;--color-background: var(--bg-color);--color-foreground: var(--text-main);--color-card: var(--card-bg);--color-border: var(--border-color);--color-input: var(--input-bg);--color-primary: var(--primary-color);--color-primary-foreground: #ffffff;--color-destructive: var(--destructive-color);--color-destructive-foreground: #ffffff;--color-muted-foreground: var(--text-secondary);--color-accent: var(--primary-light);--font-sans: ui-sans-serif, system-ui, sans-serif;--radius: 14px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 2px 4px rgba(0,0,0,.02);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1)}[data-theme=dark],body.dark-theme{--primary-color: #8c5cff;--primary-gradient: linear-gradient(135deg, #8c5cff, #5993f4);--success-color: #4ade80;--destructive-color: #f87171;--bg-color: #1a1b1e;--card-bg: #222327;--header-bg: rgba(26, 27, 30, .9);--text-main: #f0f0f0;--text-secondary: #a0a0a0;--border-color: #33353a;--primary-light: #2a2c33;--input-bg: #33353a;--hero-bg: #2a2c33;--hero-text: #ffffff;--hero-sub: #a0a0a0}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-sans)}html,body{width:100%;height:100%;overflow:auto}body{background-color:var(--bg-color);color:var(--text-main);display:flex;flex-direction:column;position:relative;transition:background-color .3s,color .3s}.app-wrapper{width:100%;max-width:480px;min-height:100vh;height:100vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 40px #00000026}.view-section{width:100%;height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;background:var(--bg-color);transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s;z-index:10}.view-section.hidden{transform:translate(100%);pointer-events:none;z-index:5}.d-none{display:none!important}header{background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:50;transition:background-color .3s,border-color .3s}.brand-area{display:flex;align-items:center;gap:8px}.logo-icon{width:32px;height:32px;background:var(--primary-color);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;overflow:hidden}.logo-icon img{width:100%;height:100%;object-fit:contain}.app-title{font-weight:700;font-size:15px;color:var(--text-main)}.app-tag{font-size:10px;background:var(--primary-light);color:var(--primary-color);padding:2px 6px;border-radius:4px;font-weight:700;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:8px}.btn-back{background:none;border:none;cursor:pointer;color:var(--text-main);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:8px;transition:background .2s}.btn-back:hover{background:var(--border-color)}.btn-back i{font-size:20px}.icon-button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-button:hover{background:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color)}.icon-button i{font-size:20px}main{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:20px}main::-webkit-scrollbar{width:4px}main::-webkit-scrollbar-track{background:transparent}main::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.hero-card{background:var(--hero-bg);color:var(--hero-text);padding:20px;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a;flex-shrink:0;transition:background-color .3s}.hero-card:after{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:var(--primary-gradient);opacity:.15;filter:blur(40px);border-radius:50%}.hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;position:relative;z-index:2}.hero-label{font-size:12px;opacity:.8;font-weight:500}.hero-badge{font-size:10px;background:#ffffff1a;padding:2px 8px;border-radius:12px;font-weight:600}.hero-value{font-size:32px;font-weight:700;margin-bottom:8px;position:relative;z-index:2;line-height:1}.hero-sub{font-size:12px;color:var(--hero-sub);position:relative;z-index:2}.api-key-alert-banner{margin-top:12px;padding:8px 12px;background:#e54b4f1a;border:1px solid var(--destructive-color);border-radius:8px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--destructive-color);position:relative;z-index:2}.api-key-alert-banner.hidden{display:none}.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex-shrink:0}.action-btn{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm);text-align:center}.action-btn:hover{border-color:var(--primary-color);background:var(--bg-color);transform:translateY(-2px)}.btn-icon{font-size:24px;color:var(--primary-color)}#view-dashboard main{padding-bottom:80px}.recent-section{margin-top:20px}.recent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.recent-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.recent-link{font-size:13px;color:var(--primary-color);cursor:pointer;font-weight:500}.recent-link:hover{opacity:.8}.recent-empty{text-align:center;padding:20px 0;color:var(--text-secondary);font-size:13px}.btn-label{font-size:13px;font-weight:600;color:var(--text-main)}.btn-desc{font-size:10px;color:var(--text-secondary);line-height:1.2}.bottom-nav{position:absolute;bottom:0;left:0;right:0;background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;padding:8px 16px 16px;z-index:20;transition:background-color .3s,border-color .3s}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);font-size:10px;font-weight:500;padding:8px 12px;border-radius:8px;cursor:pointer;transition:color .2s}.nav-item i{font-size:22px;margin-bottom:2px}.nav-item.active{color:var(--primary-color)}.nav-item:hover{color:var(--text-main)}.text-area-container{position:relative;background:var(--input-bg);border-radius:16px;border:1px solid var(--border-color);padding:16px;transition:border-color .2s,box-shadow .2s}.text-area-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}textarea,input[type=text],input[type=password],input[type=email]{width:100%;border:none;resize:none;outline:none;font-size:14px;line-height:1.5;color:var(--text-main);background:transparent}textarea{min-height:120px;padding-bottom:28px}.char-count{position:absolute;bottom:12px;right:16px;font-size:10px;color:var(--text-secondary);font-weight:500;background:var(--bg-color);padding:2px 6px;border-radius:4px}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.select-wrapper{position:relative;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;transition:border-color .2s}.select-wrapper:hover{border-color:var(--text-secondary)}.select-icon{padding-left:12px;color:var(--primary-color);font-size:18px}select{width:100%;padding:12px;border:none;background:transparent;outline:none;font-size:14px;color:var(--text-main);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}select option{background:var(--card-bg);color:var(--text-main)}.select-arrow{position:absolute;right:12px;pointer-events:none;color:var(--text-secondary)}.btn-primary{width:100%;border:none;background:var(--primary-color);color:#fff;padding:14px;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #7033ff4d;transition:transform .2s,opacity .2s}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-destructive{width:100%;border:none;background:transparent;color:var(--destructive-color);padding:14px;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-color);transition:background .2s,border-color .2s}.btn-destructive:hover{background:var(--bg-color);border-color:var(--destructive-color)}.btn-sm{width:auto;padding:8px 16px;font-size:12px}.chips-grid{display:flex;flex-wrap:wrap;gap:8px}.chip-radio{display:none}.chip-label{padding:8px 14px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.chip-label:hover{border-color:var(--text-secondary)}.chip-radio:checked+.chip-label{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color);font-weight:600}.action-toggle{background:var(--border-color);padding:4px;border-radius:12px;display:flex;margin-bottom:20px}.toggle-btn{flex:1;border:none;background:transparent;padding:8px;border-radius:10px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.toggle-btn.active{background:var(--card-bg);color:var(--primary-color);font-weight:600;box-shadow:0 2px 4px #0000000d}.task-options{display:flex;flex-direction:column;gap:0}.task-options.hidden{display:none}.footer-action{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,var(--bg-color) 80%,transparent);z-index:100}#view-task main{padding-bottom:80px}#view-result main{padding-bottom:120px}.result-footer-row{display:flex;gap:8px;margin-bottom:8px}.result-footer-row .btn-secondary{flex:1;justify-content:center}#view-result main::-webkit-scrollbar{width:6px}#view-result main::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:10px}#view-result main::-webkit-scrollbar-thumb:hover{background:var(--text-main)}.meta-row{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.result-box{border-radius:16px;padding:16px;margin-bottom:16px;position:relative}.result-box.original{background:var(--border-color);border:1px solid transparent}.result-box.result{background:var(--card-bg);border:1px solid var(--primary-color);box-shadow:0 4px 6px -1px #7033ff1a}.box-header{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.box-text{font-size:14px;line-height:1.6;color:var(--text-main);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-height:none;overflow:visible}.copy-icon-btn{color:var(--primary-color);cursor:pointer;padding:4px;border-radius:4px;transition:background .2s;font-size:18px}.copy-icon-btn:hover{background:var(--primary-light)}.option-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px;position:relative}.option-card:hover{border-color:var(--text-secondary)}.option-card.active{border-color:var(--primary-color);background:var(--primary-light)}.option-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-card.active .option-check{border-color:var(--primary-color);background:var(--primary-color)}.option-check i{font-size:12px;color:#fff;display:none}.option-card.active .option-check i{display:block}.item-content{flex:1;overflow:hidden}.item-title{font-size:13px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;margin-top:2px}.api-input-container{margin-top:12px;padding:16px;border-left:3px solid var(--primary-color);background:var(--card-bg);border-radius:0 12px 12px 0}.api-input-container.hidden{display:none}.api-key-actions{display:flex;gap:8px;margin-top:12px}.user-info-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px}.user-info-header{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-main)}.user-info-header i{font-size:24px;color:var(--primary-color)}.logout-section{margin-top:24px}.version-info{text-align:center;margin-top:24px;opacity:.5}.version-info .item-meta{justify-content:center}.theme-switch{position:relative;display:inline-block;width:48px;height:26px}.theme-switch input{opacity:0;width:0;height:0}.theme-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.3s;border-radius:34px}.theme-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.theme-switch input:checked+.theme-slider{background-color:var(--primary-color)}.theme-switch input:checked+.theme-slider:before{transform:translate(22px)}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:32px}.auth-logo{width:64px;height:64px;background:var(--primary-color);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;margin-bottom:24px;box-shadow:0 10px 25px #7033ff4d}.auth-title{font-size:20px;font-weight:700;color:var(--text-main);margin-bottom:8px}.auth-sub{font-size:14px;color:var(--text-secondary);margin-bottom:32px;text-align:center}#auth-forms{width:100%;max-width:400px}.auth-form{width:100%;display:flex;flex-direction:column;gap:16px}.auth-form.hidden{display:none}.auth-input{padding:0;min-height:auto;display:flex;align-items:center}.auth-input i{padding:12px;color:var(--text-secondary);font-size:18px}.auth-input input{padding:12px 12px 12px 0}.auth-toggle-text{text-align:center;font-size:13px;margin-top:16px;color:var(--text-secondary)}.auth-link{color:var(--primary-color);font-weight:600;cursor:pointer;margin-left:4px}.auth-link:hover{text-decoration:underline}#auth-status,#signup-status{font-size:13px;padding:8px 12px;border-radius:8px;text-align:center}#auth-status.error,#signup-status.error{background:#e54b4f1a;color:var(--destructive-color);border:1px solid var(--destructive-color)}#auth-status.success,#signup-status.success{background:#4ac8851a;color:var(--success-color);border:1px solid var(--success-color)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);background:var(--card-bg);color:var(--text-main);padding:12px 20px;border-radius:12px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);font-size:14px;font-weight:500;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.success{background:var(--success-color);color:#fff;border-color:var(--success-color)}.toast.error{background:var(--destructive-color);color:#fff;border-color:var(--destructive-color)}.animate-fade{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ph-spin{animation:spin 1s linear infinite}.filter-scroll{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px 16px 12px 4px;-webkit-overflow-scrolling:touch;min-height:44px}.filter-scroll::-webkit-scrollbar{height:6px}.filter-scroll::-webkit-scrollbar-track{background:var(--bg-color);border-radius:3px}.filter-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.filter-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.filter-chip{white-space:nowrap;padding:8px 14px;border-radius:18px;background:var(--card-bg);border:1px solid var(--border-color);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0;display:inline-flex;align-items:center}.filter-chip:hover{border-color:var(--text-secondary)}.filter-chip.active{background:var(--text-main);color:var(--bg-color);border-color:var(--text-main)}#clearCustomDateFilter{cursor:pointer;opacity:.8;transition:opacity .2s}#clearCustomDateFilter:hover{opacity:1}.history-container{display:flex;flex-direction:column;gap:16px}.history-date-label{font-size:11px;font-weight:600;color:var(--text-secondary);margin:16px 0 8px 4px;text-transform:uppercase;letter-spacing:.5px}.list-stack{display:flex;flex-direction:column;gap:10px}.list-item{background:var(--card-bg);padding:12px;border-radius:12px;border:1px solid var(--border-color);display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #00000005}.list-item:hover{border-color:var(--primary-color);background:var(--bg-color);transform:translateY(-1px);box-shadow:0 4px 8px #00000014}.list-item:active{transform:translateY(0)}.item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;transition:transform .2s}.list-item:hover .item-icon{transform:scale(1.05)}.bg-blue{background:#7033ff1a;color:var(--primary-color)}.bg-green{background:#4ac88526;color:var(--success-color)}.item-content{flex:1;overflow:hidden;min-width:0}.item-title{font-size:14px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.item-meta{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;white-space:nowrap}.item-meta i{font-size:10px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state i{font-size:64px;color:var(--border-color);margin-bottom:16px;opacity:.5}.empty-title{font-size:16px;font-weight:600;color:var(--text-main);margin-bottom:8px}.empty-text{font-size:13px;color:var(--text-secondary);max-width:240px;line-height:1.5}.hidden{display:none!important}.show{display:block!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.modal-overlay.hidden{display:none}.modal-content{background:var(--card-bg);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px;text-align:center;border-bottom:1px solid var(--border-color)}.modal-header i{margin-bottom:12px}.modal-header h2{font-size:20px;font-weight:600;color:var(--text-main);margin:0 0 8px}.modal-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.modal-subtitle strong{color:var(--primary-color);font-weight:600}.modal-body{padding:24px}.modal-body h3{font-size:16px;font-weight:600;color:var(--text-main);margin:0 0 16px}.date-input{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-color);color:var(--text-main);font-size:14px;font-family:inherit;transition:all .2s;display:block;box-sizing:border-box}.date-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.date-input::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}[data-theme=dark] .date-input::-webkit-calendar-picker-indicator{filter:invert(1)}.packages-grid{display:grid;gap:12px}.package-card{border:2px solid var(--border-color);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.package-card:hover{border-color:var(--primary-color);background:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #7033ff1a}.package-info{flex:1}.package-name{font-size:16px;font-weight:600;color:var(--text-main);margin:0 0 4px}.package-credits{font-size:14px;color:var(--text-secondary);margin:0}.package-credits strong{color:var(--success-color);font-weight:600}.package-bonus{font-size:12px;color:var(--primary-color);margin:4px 0 0;font-weight:500}.package-price{font-size:20px;font-weight:700;color:var(--primary-color)}.loading-spinner{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:14px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.btn-secondary{background:var(--input-bg);color:var(--text-main);border:1px solid var(--border-color);padding:12px 20px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-secondary:hover{background:var(--border-color)}@media (max-width: 480px){.actions-grid{grid-template-columns:1fr}main{padding:12px;gap:16px}.hero-card{padding:16px}.modal-content{max-width:100%;margin:0}.package-card{flex-direction:column;align-items:flex-start;gap:12px}.package-price{align-self:flex-end}}#view-task .text-area-container{display:flex;flex-direction:column}#view-task #sourceText{padding-bottom:8px;min-height:80px;max-height:40vh;overflow-y:auto;resize:none}#view-task .char-count{position:static;align-self:flex-end;margin-top:6px;padding:0;background:transparent;border-radius:0;display:flex;align-items:center;gap:6px}.clear-text-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px 4px;font-size:11px;border-radius:4px;line-height:1;transition:color .15s,background .15s}.clear-text-btn:hover{color:var(--destructive-color);background:var(--border-color)}.result-editable{width:100%;min-height:80px;max-height:50vh;background:transparent;border:none;outline:none;resize:none;color:var(--text-primary);font-size:14px;line-height:1.6;font-family:inherit;overflow-y:auto;padding:0}.loading-state{display:flex;justify-content:center;align-items:center;padding:40px 0;color:var(--text-secondary);font-size:28px}@keyframes ph-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ph-spin{animation:ph-spin .8s linear infinite}.desktop-sidebar,.header-credits,.extension-promo-card{display:none}.views-area{position:relative;flex:1;height:100%;overflow:hidden;min-width:0}@media (max-width: 360px){header{padding:10px 12px}main{padding:10px;gap:12px}.hero-value{font-size:26px}.btn-primary,.btn-destructive,.btn-secondary{padding:12px;font-size:13px}.auth-container{padding:20px 16px}.auth-logo{width:52px;height:52px;font-size:26px;margin-bottom:16px}}.auth-status-msg{font-size:13px;padding:8px 12px;border-radius:8px;text-align:center}.auth-status-msg.error{background:#e54b4f1a;color:var(--destructive-color);border:1px solid var(--destructive-color)}.auth-status-msg.success{background:#4ac8851a;color:var(--success-color);border:1px solid var(--success-color)}@media (min-width: 768px){body{background:var(--bg-color);padding:0}.app-wrapper{display:flex;flex-direction:row;max-width:100%;width:100%;min-height:100vh;height:100vh;border-radius:0;box-shadow:none}.desktop-sidebar{display:flex;flex-direction:column;width:220px;flex-shrink:0;height:100vh;background:var(--card-bg);border-right:1px solid var(--border-color);padding:24px 12px;gap:24px;transition:background-color .3s,border-color .3s}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 8px 8px}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:4px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all .2s;-webkit-user-select:none;user-select:none}.sidebar-nav-item:hover{background:var(--input-bg);color:var(--text-main)}.sidebar-nav-item.active{background:var(--primary-color);color:#fff}.sidebar-footer{border-top:1px solid var(--border-color);padding-top:16px;display:flex;flex-direction:column;gap:4px}.sidebar-user{font-size:11px;color:var(--text-secondary);padding:4px 16px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);background:none;border:none;width:100%;transition:all .2s;text-align:left}.sidebar-logout:hover{color:var(--destructive-color);background:var(--input-bg)}.views-area{flex:1;position:relative;height:100vh;overflow:hidden}.bottom-nav{display:none}header{padding:14px 32px}.header-dashboard .brand-area{display:none}.header-dashboard{justify-content:space-between}.header-credits{display:flex;align-items:center;gap:6px;background:var(--primary-light);color:var(--primary-color);border:1px solid var(--primary-color);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.header-credits-label{font-weight:400;color:var(--text-secondary);font-size:12px}#view-dashboard .hero-card{display:none}.extension-promo-card{display:flex;align-items:flex-start;gap:12px;position:fixed;bottom:28px;right:28px;width:260px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:16px;box-shadow:0 8px 24px #00000026;z-index:200;transition:box-shadow .2s,transform .2s}.extension-promo-card:hover{box-shadow:0 12px 32px #0003;transform:translateY(-2px)}.extension-promo-icon{width:40px;height:40px;border-radius:10px;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.extension-promo-body{display:flex;flex-direction:column;gap:4px}.extension-promo-title{font-size:13px;font-weight:700;color:var(--text-main)}.extension-promo-desc{font-size:11px;color:var(--text-secondary);line-height:1.5}main{padding:28px 40px 80px}.footer-action{left:0;right:0;padding:16px 40px}#view-dashboard main{display:flex;flex-direction:column;gap:20px}#view-dashboard .actions-grid{grid-template-columns:1fr 1fr}#view-dashboard .action-btn{padding:28px 16px}}