.app-nav[data-v-358f30d9]{z-index:100;background:var(--bg-secondary);border-top:1px solid var(--border);height:56px;padding-bottom:env(safe-area-inset-bottom,0);align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item[data-v-358f30d9]{color:var(--text-muted);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-358f30d9]{color:var(--accent)}.nav-item.disabled[data-v-358f30d9]{opacity:.35;cursor:default}.nav-icon[data-v-358f30d9]{font-size:1.25rem;line-height:1}.nav-label[data-v-358f30d9]{letter-spacing:.02em;font-size:.6rem;font-weight:500}.drawer-overlay[data-v-358f30d9]{z-index:200;background:#0000008c;align-items:flex-end;display:flex;position:fixed;inset:0}.drawer[data-v-358f30d9]{background:var(--bg-secondary);border-top:1px solid var(--border);width:100%;padding:.75rem 1rem 1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0));border-radius:16px 16px 0 0}.drawer-handle[data-v-358f30d9]{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 1.2rem}.drawer-title[data-v-358f30d9]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.7rem;font-weight:600}.drawer-section-label[data-v-358f30d9]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:.75rem 0 .25rem;font-size:.65rem;font-weight:600}.drawer-item[data-v-358f30d9]{width:100%;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem .5rem;font-size:.95rem;transition:background .1s;display:flex}.drawer-item[data-v-358f30d9]:hover,.drawer-item.active[data-v-358f30d9]{background:var(--bg-hover)}.drawer-item.active[data-v-358f30d9]{color:var(--accent)}.drawer-item.logout[data-v-358f30d9]{color:var(--text-secondary)}.drawer-icon[data-v-358f30d9]{text-align:center;flex-shrink:0;width:1.6rem;font-size:1.2rem}.drawer-divider[data-v-358f30d9]{background:var(--border);height:1px;margin:.5rem 0}.drawer-enter-active[data-v-358f30d9],.drawer-leave-active[data-v-358f30d9]{transition:opacity .2s}.drawer-enter-active .drawer[data-v-358f30d9],.drawer-leave-active .drawer[data-v-358f30d9]{transition:transform .25s}.drawer-enter-from[data-v-358f30d9],.drawer-leave-to[data-v-358f30d9]{opacity:0}.drawer-enter-from .drawer[data-v-358f30d9],.drawer-leave-to .drawer[data-v-358f30d9]{transform:translateY(100%)}.app-header[data-v-54e7b0b3]{z-index:90;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.5rem;height:52px;padding:0 1rem;display:flex;position:sticky;top:0}.header-title[data-v-54e7b0b3]{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.95rem;font-weight:600;overflow:hidden}.header-spacer[data-v-54e7b0b3]{flex-shrink:0;width:32px}.user-badge[data-v-54e7b0b3]{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:#151a27;--bg-secondary:#1a1f2e;--bg-card:#232a3b;--bg-hover:#2d3548;--text-primary:#fff;--text-secondary:#89a;--text-muted:#6b7280;--border:#2d3548;--accent:#c0392b;--accent-light:#c0392b26;--green:#27ae60;--green-light:#27ae6026;--orange:#f39c12;--orange-light:#f39c1226;--pink:#e74c3c;--pink-light:#e74c3c26;--blue:#3498db;--blue-light:#3498db26;--red:#c0392b;--red-light:#c0392b26;--radius:10px;--radius-sm:8px;--shadow:0 4px 12px #0006;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{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:transform .15s,box-shadow .15s;overflow:hidden}.card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.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-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary: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-light);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}}