.item-form-container[data-v-79fdc39d]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:3px;margin-bottom:24px;box-shadow:0 10px 40px #667eea4d}.item-form[data-v-79fdc39d]{background:#fff;border-radius:14px;padding:20px}.form-main[data-v-79fdc39d]{display:flex;gap:12px}.input-with-icon[data-v-79fdc39d]{flex:1;position:relative;display:flex;align-items:center}.input-icon[data-v-79fdc39d]{position:absolute;left:16px;font-size:20px}.main-input[data-v-79fdc39d]{width:100%;padding:16px 16px 16px 50px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;transition:all .3s}.main-input[data-v-79fdc39d]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.submit-btn[data-v-79fdc39d]{padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.submit-btn[data-v-79fdc39d]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.submit-btn[data-v-79fdc39d]:disabled{opacity:.5;cursor:not-allowed}.toggle-details[data-v-79fdc39d]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;margin-top:12px;background:#f5f5f5;border:none;border-radius:8px;color:#666;font-size:14px;cursor:pointer;transition:background .2s}.toggle-details[data-v-79fdc39d]:hover{background:#eee}.toggle-icon[data-v-79fdc39d]{font-size:10px}.form-details[data-v-79fdc39d]{margin-top:16px;padding-top:16px;border-top:1px solid #eee}.form-row[data-v-79fdc39d]{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.form-group[data-v-79fdc39d]{display:flex;flex-direction:column;gap:8px}.form-group.small[data-v-79fdc39d]{width:120px}.form-group.flex-1[data-v-79fdc39d]{flex:1;min-width:200px}.form-group label[data-v-79fdc39d]{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.category-buttons[data-v-79fdc39d]{display:flex;gap:8px;flex-wrap:wrap}.category-btn[data-v-79fdc39d]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f5f5f5;border:2px solid transparent;border-radius:20px;cursor:pointer;transition:all .2s}.category-btn[data-v-79fdc39d]:hover{background:#eee}.category-btn.active[data-v-79fdc39d]{color:#fff}.cat-icon[data-v-79fdc39d]{font-size:16px}.cat-label[data-v-79fdc39d]{font-size:13px;font-weight:500}.priority-buttons[data-v-79fdc39d]{display:flex;gap:8px}.priority-btn[data-v-79fdc39d]{padding:8px 20px;background:#f5f5f5;border:2px solid transparent;border-radius:20px;font-weight:500;cursor:pointer;transition:all .2s}.priority-btn[data-v-79fdc39d]:hover{background:#eee}.priority-btn.active[data-v-79fdc39d]{color:#fff}.date-input[data-v-79fdc39d]{padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px}.date-input[data-v-79fdc39d]:focus{outline:none;border-color:#667eea}.number-input[data-v-79fdc39d]{display:flex;align-items:center;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden}.number-input button[data-v-79fdc39d]{padding:10px 14px;background:#f5f5f5;border:none;font-size:16px;cursor:pointer;transition:background .2s}.number-input button[data-v-79fdc39d]:hover{background:#e0e0e0}.number-input input[data-v-79fdc39d]{width:50px;padding:10px;border:none;text-align:center;font-size:14px}.number-input input[data-v-79fdc39d]:focus{outline:none}.memo-input[data-v-79fdc39d]{padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px}.memo-input[data-v-79fdc39d]:focus{outline:none;border-color:#667eea}.slide-enter-active[data-v-79fdc39d],.slide-leave-active[data-v-79fdc39d]{transition:all .3s ease}.slide-enter-from[data-v-79fdc39d],.slide-leave-to[data-v-79fdc39d]{opacity:0;transform:translateY(-10px)}.item-list ul[data-v-97dcaa4e]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.item-card[data-v-97dcaa4e]{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;border:2px solid transparent}.item-card[data-v-97dcaa4e]:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.item-card.purchased[data-v-97dcaa4e]{background:#f8f9fa;opacity:.7}.item-card.purchased .item-name[data-v-97dcaa4e]{text-decoration:line-through;color:#999}.item-card.low-stock[data-v-97dcaa4e]{border-color:#ffcdd2;background:#fff8f8}.item-checkbox[data-v-97dcaa4e]{position:relative;width:24px;height:24px;flex-shrink:0;margin-top:4px}.item-checkbox input[data-v-97dcaa4e]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}.checkbox-label[data-v-97dcaa4e]{position:absolute;top:0;left:0;width:24px;height:24px;border:2px solid #ddd;border-radius:6px;transition:all .2s}.item-checkbox input:checked+.checkbox-label[data-v-97dcaa4e]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent}.item-checkbox input:checked+.checkbox-label[data-v-97dcaa4e]:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.item-content[data-v-97dcaa4e]{flex:1;min-width:0;cursor:pointer}.item-header[data-v-97dcaa4e]{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.category-badge[data-v-97dcaa4e]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:14px}.item-name[data-v-97dcaa4e]{font-size:16px;font-weight:600;color:#333;flex:1}.priority-badge[data-v-97dcaa4e]{padding:4px 10px;border-radius:12px;color:#fff;font-size:11px;font-weight:600;text-transform:uppercase}.item-meta[data-v-97dcaa4e]{display:flex;flex-wrap:wrap;gap:12px}.meta-item[data-v-97dcaa4e]{display:flex;align-items:center;gap:4px;font-size:13px;color:#666;background:#f5f5f5;padding:4px 10px;border-radius:6px}.meta-icon[data-v-97dcaa4e]{font-size:12px}.meta-item.warning[data-v-97dcaa4e],.meta-item.deadline.overdue[data-v-97dcaa4e]{background:#ffebee;color:#c62828}.meta-item.deadline.today[data-v-97dcaa4e]{background:#fff3e0;color:#e65100}.meta-item.deadline.tomorrow[data-v-97dcaa4e]{background:#fff8e1;color:#f57f17}.meta-item.deadline.soon[data-v-97dcaa4e]{background:#e3f2fd;color:#1565c0}.stock-controls[data-v-97dcaa4e]{display:flex;gap:2px;margin-left:4px}.stock-controls button[data-v-97dcaa4e]{width:22px;height:22px;border:none;background:#0000001a;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .2s}.stock-controls button[data-v-97dcaa4e]:hover:not(:disabled){background:#0003}.stock-controls button[data-v-97dcaa4e]:disabled{opacity:.3;cursor:not-allowed}.item-actions[data-v-97dcaa4e]{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.edit-btn[data-v-97dcaa4e],.delete-btn[data-v-97dcaa4e]{padding:8px;background:transparent;border:none;color:#bbb;cursor:pointer;border-radius:8px;transition:all .2s}.edit-btn[data-v-97dcaa4e]:hover{background:#e3f2fd;color:#1976d2}.delete-btn[data-v-97dcaa4e]:hover{background:#ffebee;color:#e53935}.empty-state[data-v-97dcaa4e]{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f}.empty-icon[data-v-97dcaa4e]{font-size:64px;margin-bottom:16px}.empty-title[data-v-97dcaa4e]{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.empty-text[data-v-97dcaa4e]{color:#999;font-size:14px}.list-enter-active[data-v-97dcaa4e],.list-leave-active[data-v-97dcaa4e]{transition:all .3s ease}.list-enter-from[data-v-97dcaa4e]{opacity:0;transform:translate(-30px)}.list-leave-to[data-v-97dcaa4e]{opacity:0;transform:translate(30px)}.list-move[data-v-97dcaa4e]{transition:transform .3s ease}.stats-panel[data-v-843f2366]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-bottom:24px}.stat-card[data-v-843f2366]{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:transform .2s}.stat-card[data-v-843f2366]:hover{transform:translateY(-2px)}.stat-card.warning[data-v-843f2366]{background:linear-gradient(135deg,#fff5f5,#ffe0e0)}.stat-icon[data-v-843f2366]{font-size:24px}.stat-info[data-v-843f2366]{display:flex;flex-direction:column}.stat-value[data-v-843f2366]{font-size:24px;font-weight:700;color:#333;line-height:1}.stat-label[data-v-843f2366]{font-size:12px;color:#888;margin-top:4px}.filter-bar[data-v-2a6655d8]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px;overflow:hidden}.search-box[data-v-2a6655d8]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #eee;gap:8px}.search-icon[data-v-2a6655d8]{font-size:16px;opacity:.5}.search-input[data-v-2a6655d8]{flex:1;padding:8px 0;border:none;font-size:15px;background:transparent}.search-input[data-v-2a6655d8]:focus{outline:none}.search-input[data-v-2a6655d8]::placeholder{color:#aaa}.clear-search[data-v-2a6655d8]{width:24px;height:24px;border:none;background:#eee;border-radius:50%;cursor:pointer;font-size:14px;color:#666;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-search[data-v-2a6655d8]:hover{background:#ddd}.filters[data-v-2a6655d8]{display:flex;flex-wrap:wrap;gap:16px;padding:16px;align-items:flex-end}.filter-group[data-v-2a6655d8]{display:flex;flex-direction:column;gap:6px}.filter-group label[data-v-2a6655d8]{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.filter-group select[data-v-2a6655d8]{padding:8px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;min-width:120px}.filter-group select[data-v-2a6655d8]:focus{outline:none;border-color:#667eea}.sort-controls[data-v-2a6655d8]{display:flex;gap:4px}.sort-controls select[data-v-2a6655d8]{min-width:100px}.order-btn[data-v-2a6655d8]{padding:8px 12px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:14px;cursor:pointer;transition:all .2s}.order-btn[data-v-2a6655d8]:hover{border-color:#667eea;background:#f5f5ff}@media (max-width: 600px){.filters[data-v-2a6655d8]{flex-direction:column}.filter-group[data-v-2a6655d8],.filter-group select[data-v-2a6655d8]{width:100%}}.modal-backdrop[data-v-2f7799e9]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container[data-v-2f7799e9]{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-2f7799e9]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #eee}.modal-header h2[data-v-2f7799e9]{font-size:18px;font-weight:600;margin:0}.close-btn[data-v-2f7799e9]{width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-btn[data-v-2f7799e9]:hover{background:#eee}.modal-body[data-v-2f7799e9]{padding:24px}.form-group[data-v-2f7799e9]{margin-bottom:20px}.form-group label[data-v-2f7799e9]{display:block;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.form-group input[type=text][data-v-2f7799e9],.form-group input[type=date][data-v-2f7799e9],.form-group textarea[data-v-2f7799e9]{width:100%;padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input[data-v-2f7799e9]:focus,.form-group textarea[data-v-2f7799e9]:focus{outline:none;border-color:#667eea}.form-group textarea[data-v-2f7799e9]{resize:vertical}.form-row[data-v-2f7799e9]{display:flex;gap:16px;flex-wrap:wrap}.form-group.small[data-v-2f7799e9]{width:140px}.category-buttons[data-v-2f7799e9]{display:flex;gap:8px;flex-wrap:wrap}.category-btn[data-v-2f7799e9]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f5f5f5;border:2px solid transparent;border-radius:20px;cursor:pointer;transition:all .2s}.category-btn[data-v-2f7799e9]:hover{background:#eee}.category-btn.active[data-v-2f7799e9]{color:#fff}.cat-icon[data-v-2f7799e9]{font-size:14px}.cat-label[data-v-2f7799e9]{font-size:12px;font-weight:500}.priority-buttons[data-v-2f7799e9]{display:flex;gap:8px}.priority-btn[data-v-2f7799e9]{padding:8px 16px;background:#f5f5f5;border:2px solid transparent;border-radius:20px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s}.priority-btn[data-v-2f7799e9]:hover{background:#eee}.priority-btn.active[data-v-2f7799e9]{color:#fff}.number-input[data-v-2f7799e9]{display:flex;align-items:center;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden}.number-input button[data-v-2f7799e9]{padding:10px 14px;background:#f5f5f5;border:none;font-size:16px;cursor:pointer;transition:background .2s}.number-input button[data-v-2f7799e9]:hover{background:#e0e0e0}.number-input input[data-v-2f7799e9]{width:50px;padding:10px;border:none;text-align:center;font-size:14px}.number-input input[data-v-2f7799e9]:focus{outline:none}.modal-footer[data-v-2f7799e9]{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #eee;margin-top:8px}.cancel-btn[data-v-2f7799e9]{padding:12px 24px;background:#f5f5f5;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.cancel-btn[data-v-2f7799e9]:hover{background:#eee}.save-btn[data-v-2f7799e9]{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.save-btn[data-v-2f7799e9]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.save-btn[data-v-2f7799e9]:disabled{opacity:.5;cursor:not-allowed}.modal-enter-active[data-v-2f7799e9],.modal-leave-active[data-v-2f7799e9]{transition:opacity .2s ease}.modal-enter-active .modal-container[data-v-2f7799e9],.modal-leave-active .modal-container[data-v-2f7799e9]{transition:transform .2s ease}.modal-enter-from[data-v-2f7799e9],.modal-leave-to[data-v-2f7799e9]{opacity:0}.modal-enter-from .modal-container[data-v-2f7799e9],.modal-leave-to .modal-container[data-v-2f7799e9]{transform:scale(.95) translateY(-20px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:100vh;color:#333}.app{max-width:800px;margin:0 auto;padding:24px 20px;min-height:100vh;display:flex;flex-direction:column}header{text-align:center;margin-bottom:32px}.logo{font-size:48px;margin-bottom:8px;animation:bounce 2s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}header h1{font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.subtitle{color:#888;font-size:14px}main{flex:1}.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#666}.spinner{width:24px;height:24px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;background:#ffebee;color:#c62828;border-radius:12px;margin-bottom:16px}.error-icon{font-size:20px}footer{text-align:center;padding:24px;color:#aaa;font-size:12px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bbb}