.app-nav[data-v-266773e2]{z-index:100;background:var(--bg-dark,#1a1f2e);height:56px;padding-bottom:env(safe-area-inset-bottom,0);border-top:1px solid #0f1320;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item[data-v-266773e2]{color:#ffffffa6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 4px;transition:color .15s;display:flex}.nav-item.active[data-v-266773e2]{color:var(--accent)}.nav-item.disabled[data-v-266773e2]{opacity:.35;cursor:default}.nav-icon[data-v-266773e2]{font-size:1.25rem;line-height:1}.nav-label[data-v-266773e2]{letter-spacing:.02em;font-size:.6rem;font-weight:500}.drawer-overlay[data-v-266773e2]{z-index:200;background:#0000008c;align-items:flex-end;display:flex;position:fixed;inset:0}.drawer[data-v-266773e2]{background:var(--bg-dark,#1a1f2e);color:#fff;width:100%;padding:.75rem 1rem 1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0));border-top:1px solid #0f1320;border-radius:16px 16px 0 0}.drawer-handle[data-v-266773e2]{background:#fff3;border-radius:2px;width:36px;height:4px;margin:0 auto 1.2rem}.drawer-title[data-v-266773e2]{color:#ffffff8c;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.7rem;font-weight:600}.drawer-section-label[data-v-266773e2]{color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;margin:.75rem 0 .25rem;font-size:.65rem;font-weight:600}.drawer-item[data-v-266773e2]{color:#ffffffeb;cursor:pointer;border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem .5rem;font-size:.95rem;transition:background .1s;display:flex}.drawer-item[data-v-266773e2]:hover,.drawer-item.active[data-v-266773e2]{background:#ffffff14}.drawer-item.active[data-v-266773e2]{color:var(--accent)}.drawer-divider[data-v-266773e2]{background:#ffffff1a!important}.drawer-item.logout[data-v-266773e2]{color:var(--text-secondary)}.drawer-icon[data-v-266773e2]{text-align:center;flex-shrink:0;width:1.6rem;font-size:1.2rem}.drawer-divider[data-v-266773e2]{background:var(--border);height:1px;margin:.5rem 0}.install-btn[data-v-266773e2]{color:var(--accent)!important;font-weight:600!important}.build-info[data-v-266773e2]{color:#ffffff40;text-align:center;letter-spacing:.03em;padding-top:.5rem;font-size:.6rem}.drawer-enter-active[data-v-266773e2],.drawer-leave-active[data-v-266773e2]{transition:opacity .2s}.drawer-enter-active .drawer[data-v-266773e2],.drawer-leave-active .drawer[data-v-266773e2]{transition:transform .25s}.drawer-enter-from[data-v-266773e2],.drawer-leave-to[data-v-266773e2]{opacity:0}.drawer-enter-from .drawer[data-v-266773e2],.drawer-leave-to .drawer[data-v-266773e2]{transform:translateY(100%)}.toast-host[data-v-24c15e20]{z-index:1000;pointer-events:none;flex-direction:column;gap:.5rem;max-width:min(100vw - 2rem,380px);display:flex;position:fixed;top:1rem;right:1rem}.toast[data-v-24c15e20]{border-radius:var(--radius-sm,6px);background:var(--bg-secondary,#1f2937);border-left:3px solid var(--blue,#3b82f6);color:var(--text-primary,#f3f4f6);pointer-events:auto;cursor:pointer;word-break:break-word;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.85rem;display:flex;box-shadow:0 6px 20px #00000059}.toast-success[data-v-24c15e20]{border-left-color:var(--green,#10b981)}.toast-error[data-v-24c15e20]{border-left-color:var(--red,#c0392b)}.toast-warn[data-v-24c15e20]{border-left-color:var(--amber,#f59e0b)}.toast-icon[data-v-24c15e20]{background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:inline-flex}.toast-message[data-v-24c15e20]{flex:1;line-height:1.35}.toast-enter-active[data-v-24c15e20],.toast-leave-active[data-v-24c15e20]{transition:transform .2s,opacity .2s}.toast-enter-from[data-v-24c15e20],.toast-leave-to[data-v-24c15e20]{opacity:0;transform:translate(20px)}.view-as-banner[data-v-bf005566]{z-index:95;color:#1f2937;background:#fbbf24;border-bottom:2px solid #d97706;align-items:center;gap:.6rem;padding:.5rem 1rem;font-size:.85rem;display:flex;position:sticky;top:0}.eye[data-v-bf005566]{font-size:1.1rem}.text[data-v-bf005566]{flex:1}.hint[data-v-bf005566]{color:#4b5563;margin-left:.4rem;font-size:.75rem}.btn-exit[data-v-bf005566]{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:4px;padding:.3rem .8rem;font-size:.8rem;font-weight:600}.btn-exit[data-v-bf005566]:hover{background:#111827}.app-header[data-v-d73953b3]{z-index:90;background:var(--bg-dark,#1a1f2e);color:#fff;border-bottom:1px solid #0f1320;flex-shrink:0;align-items:center;gap:.5rem;height:52px;padding:0 1rem;display:flex;position:sticky;top:0}.app-header .back-btn[data-v-d73953b3]{color:#ffffffd9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin:-.5rem;padding:.5rem;font-size:1.5rem;line-height:1;display:flex}.app-header .back-btn[data-v-d73953b3]:hover{color:#fff}.header-title[data-v-d73953b3]{text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#fff;flex:1;font-size:.95rem;font-weight:600;overflow:hidden}.header-spacer[data-v-d73953b3]{flex-shrink:0;width:32px}.user-badge[data-v-d73953b3]{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:700;display:flex}:root{--bg-primary:#f4f6fa;--bg-secondary:#fff;--bg-card:#fff;--bg-hover:#eef1f5;--text-primary:#1a1f2e;--text-secondary:#4b5563;--text-muted:#9ca3af;--border:#e5e7eb;--accent:#c0392b;--accent-light:#c0392b1a;--green:#16a34a;--green-light:#16a34a1f;--orange:#f59e0b;--orange-light:#f59e0b24;--pink:#e74c3c;--pink-light:#e74c3c24;--blue:#3b82f6;--blue-light:#3b82f61f;--red:#c0392b;--red-light:#c0392b1f;--radius:10px;--radius-sm:8px;--shadow:0 1px 3px #0000000f, 0 4px 12px #0000000a;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg-dark:#1a1f2e;--bg-dark-soft:#2a3344}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh}#app{flex-direction:column;min-height:100dvh;display:flex}.container{width:100%;max-width:800px;margin:0 auto;padding:0 1rem}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:calc(.8rem + env(safe-area-inset-top,0px)) 1rem .8rem;z-index:100;align-items:center;gap:.8rem;display:flex;position:sticky;top:0}.app-header .logo{background:var(--accent);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.app-header .title{font-size:1.05rem;font-weight:600}.app-header .subtitle{color:var(--text-secondary);font-size:.75rem}.app-header .back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin:-.5rem;padding:.5rem;font-size:1.5rem;line-height:1;display:flex}.app-header .back-btn:hover{color:var(--text-primary)}.app-header .spacer{flex:1}.app-header .step-indicator{color:var(--text-muted);font-size:.75rem}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);transition:box-shadow .15s;overflow:hidden;box-shadow:0 1px 2px #0000000a}.card:hover{box-shadow:var(--shadow)}.card-body{padding:1rem}.btn{border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.2rem;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{opacity:.9}.btn-gradient,.btn-gradient-orange{background:var(--accent);color:#fff}.btn-secondary{background:var(--bg-dark);color:#fff;border:1px solid var(--bg-dark)}.btn-secondary:hover{background:var(--bg-dark-soft)}.btn:not(.btn-primary):not(.btn-secondary):not(.btn-danger):not(.btn-warn):not(.btn-ms){background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn:not(.btn-primary):not(.btn-secondary):not(.btn-danger):not(.btn-warn):not(.btn-ms):hover{background:var(--bg-hover)}.btn-block{width:100%}.btn-sm{padding:.5rem .8rem;font-size:.8rem}.form-group{margin-bottom:1rem}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.75rem;display:block}.form-input,.form-select,.form-textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:.9rem;font-family:var(--font);padding:.7rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);outline:none}.form-textarea{resize:vertical;min-height:80px}.chip-group{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.8rem;transition:all .15s;display:inline-flex}.chip.active{border-color:var(--accent);background:var(--accent);color:#fff}.chip:hover:not(.active){background:var(--bg-hover)}.tag{border-radius:4px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.tag-green{background:var(--green-light);color:var(--green)}.tag-orange{background:var(--orange-light);color:var(--orange)}.tag-pink{background:var(--pink-light);color:var(--pink)}.tag-blue{background:var(--blue-light);color:var(--blue)}.tag-red{background:var(--red-light);color:var(--red)}.upload-zone{background:var(--bg-card);border:2px dashed var(--border);border-radius:var(--radius-sm);text-align:center;cursor:pointer;padding:2rem;transition:border-color .15s}.upload-zone:hover{border-color:var(--accent)}.upload-zone .icon{margin-bottom:.5rem;font-size:2rem}.upload-zone .text{color:var(--text-secondary);font-size:.85rem}.page{padding:1rem;padding-bottom:calc(56px + 1rem + env(safe-area-inset-bottom,0px));flex:1}.empty-state{text-align:center;color:var(--text-secondary);padding:3rem 1rem}.empty-state .icon{margin-bottom:1rem;font-size:3rem}.loading{text-align:center;color:var(--text-secondary);padding:3rem}.grid-2{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}@media (width<=480px){.grid-2{grid-template-columns:1fr 1fr}}