*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,button,.btn{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif}.btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:1.1em;cursor:pointer;transition:all .3s ease;margin:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.4}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.container{max-width:1400px;margin:0 auto;background:white;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden}input,select,textarea,button{font-family:inherit;font-size:inherit}.header[data-v-c5e5a7ba]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:30px;text-align:center;position:relative}.header h1[data-v-c5e5a7ba]{font-size:2.5em;margin-bottom:10px}.logout-btn[data-v-c5e5a7ba]{position:absolute;top:20px;right:30px;background:rgba(255,255,255,.2);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:.9em;transition:all .3s ease}.logout-btn[data-v-c5e5a7ba]:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.content[data-v-c5e5a7ba]{padding:40px}.upload-area[data-v-c5e5a7ba]{border:3px dashed #667eea;border-radius:15px;padding:20px;text-align:center;transition:all .3s ease;cursor:pointer;max-width:400px;margin:0 auto 30px}.upload-area[data-v-c5e5a7ba]:hover{border-color:#764ba2;background-color:#f8f9ff}.upload-area.dragover[data-v-c5e5a7ba]{border-color:#764ba2;background-color:#f0f2ff}.upload-icon[data-v-c5e5a7ba]{font-size:2.5em;color:#667eea;margin-bottom:15px}.upload-text[data-v-c5e5a7ba]{font-size:1.1em;color:#666;margin-bottom:15px}.file-input[data-v-c5e5a7ba]{display:none}.progress[data-v-c5e5a7ba]{width:100%;height:20px;background-color:#e0e0e0;border-radius:10px;overflow:hidden;margin:20px 0}.progress-bar[data-v-c5e5a7ba]{height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:0%;transition:width .3s ease}.results[data-v-c5e5a7ba]{margin-top:30px}.result-item[data-v-c5e5a7ba]{background:#f8f9ff;border-radius:15px;padding:20px;margin-bottom:20px;border-left:5px solid #667eea}.result-item.bad[data-v-c5e5a7ba]{border-left-color:#e74c3c;background:#fdf2f2}.loading[data-v-c5e5a7ba]{text-align:center;padding:40px}.spinner[data-v-c5e5a7ba]{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin-c5e5a7ba 1s linear infinite;margin:0 auto 20px}@keyframes spin-c5e5a7ba{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.summary[data-v-c5e5a7ba]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px;border-radius:15px;margin-top:20px;text-align:center;margin-bottom:20px}.summary h3[data-v-c5e5a7ba]{margin-bottom:10px}.file-list[data-v-c5e5a7ba]{margin-top:20px;max-height:500px;overflow-y:auto;padding:10px;width:100%}.file-item[data-v-c5e5a7ba]{position:relative;display:inline-block;width:160px;height:160px;margin:10px;border-radius:12px;overflow:hidden;border:3px solid #e0e0e0;transition:all .3s ease;vertical-align:top}.file-item[data-v-c5e5a7ba]:hover{border-color:#667eea;transform:scale(1.05)}.file-preview[data-v-c5e5a7ba]{width:100%;height:100%;object-fit:cover}.file-remove[data-v-c5e5a7ba]{position:absolute;top:8px;right:8px;background:rgba(231,76,60,.9);color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;box-shadow:0 2px 6px #0000004d}.file-item:hover .file-remove[data-v-c5e5a7ba]{opacity:1}.file-remove[data-v-c5e5a7ba]:hover{background:rgba(192,57,43,.9)}.bad-image-container[data-v-c5e5a7ba]{display:flex;gap:20px;align-items:flex-start;padding:20px;background:#fdf2f2;border-radius:12px}.bad-image-preview[data-v-c5e5a7ba]{flex-shrink:0}.bad-image-info[data-v-c5e5a7ba]{flex:1}.image-modal[data-v-c5e5a7ba]{display:block;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000c;cursor:pointer}.modal-content[data-v-c5e5a7ba]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #00000080}.modal-close[data-v-c5e5a7ba]{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;font-weight:700;cursor:pointer;z-index:1001}.modal-close[data-v-c5e5a7ba]:hover{color:#ccc}.clickable-image[data-v-c5e5a7ba]{cursor:pointer;transition:transform .2s ease}.clickable-image[data-v-c5e5a7ba]:hover{transform:scale(1.05)}.header[data-v-dbf49d7d]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:30px;text-align:center;position:relative}.header h1[data-v-dbf49d7d]{font-size:2.5em;margin-bottom:10px}.header p[data-v-dbf49d7d]{font-size:1.2em;opacity:.9}.back-btn[data-v-dbf49d7d]{position:absolute;top:20px;left:30px;background:rgba(255,255,255,.2);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:1em;transition:all .3s ease}.back-btn[data-v-dbf49d7d]:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.content[data-v-dbf49d7d]{padding:40px}.toolbar[data-v-dbf49d7d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.search-box[data-v-dbf49d7d]{flex:1;min-width:300px;position:relative}.search-input[data-v-dbf49d7d]{width:100%;padding:15px 50px 15px 20px;border:2px solid #e0e0e0;border-radius:25px;font-size:1.1em;transition:border-color .3s ease}.search-input[data-v-dbf49d7d]:focus{outline:none;border-color:#667eea}.search-icon[data-v-dbf49d7d]{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:1.2em;background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease}.search-icon[data-v-dbf49d7d]:hover{background:rgba(102,126,234,.1);color:#667eea;transform:translateY(-50%) scale(1.1)}.add-section[data-v-dbf49d7d]{display:flex;gap:10px;align-items:center}.add-input[data-v-dbf49d7d]{padding:15px 20px;border:2px solid #e0e0e0;border-radius:25px;font-size:1.1em;min-width:200px;transition:border-color .3s ease}.add-input[data-v-dbf49d7d]:focus{outline:none;border-color:#667eea}.stats[data-v-dbf49d7d]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px;border-radius:15px;margin-bottom:30px;text-align:center}.stats h3[data-v-dbf49d7d]{margin-bottom:10px;font-size:1.5em}.words-container[data-v-dbf49d7d]{background:#f8f9ff;border-radius:15px;padding:20px;min-height:400px}.words-grid[data-v-dbf49d7d]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.word-item[data-v-dbf49d7d]{background:white;border:2px solid #e0e0e0;border-radius:8px;padding:10px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;position:relative;min-height:50px}.word-item[data-v-dbf49d7d]:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 5px 15px #667eea33}.word-text[data-v-dbf49d7d]{font-weight:700;font-size:.95em;color:#333;flex:1;margin-right:8px}.word-actions[data-v-dbf49d7d]{display:flex;gap:5px}.delete-btn[data-v-dbf49d7d]{background:#e74c3c;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.75em;transition:all .3s ease;min-width:32px;height:24px;display:flex;align-items:center;justify-content:center}.delete-btn[data-v-dbf49d7d]:hover{background:#c0392b;transform:scale(1.05)}.loading[data-v-dbf49d7d]{text-align:center;padding:40px}.spinner[data-v-dbf49d7d]{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin-dbf49d7d 1s linear infinite;margin:0 auto 20px}@keyframes spin-dbf49d7d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-dbf49d7d]{text-align:center;padding:60px 20px;color:#999}.empty-state-icon[data-v-dbf49d7d]{font-size:4em;margin-bottom:20px}.message-container[data-v-dbf49d7d]{position:fixed;top:20px;right:20px;z-index:2000}.message[data-v-dbf49d7d]{padding:15px 20px;border-radius:8px;margin-bottom:10px;font-weight:700;max-width:300px;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.message.success[data-v-dbf49d7d]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error[data-v-dbf49d7d]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message.info[data-v-dbf49d7d]{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.message-enter-active[data-v-dbf49d7d],.message-leave-active[data-v-dbf49d7d]{transition:all .3s ease}.message-enter-from[data-v-dbf49d7d],.message-leave-to[data-v-dbf49d7d]{opacity:0;transform:translate(30px)}@media (max-width: 768px){.toolbar[data-v-dbf49d7d]{flex-direction:column;align-items:stretch}.search-box[data-v-dbf49d7d]{min-width:100%}.add-section[data-v-dbf49d7d]{flex-direction:column;align-items:stretch}.add-input[data-v-dbf49d7d]{min-width:100%}.words-grid[data-v-dbf49d7d]{grid-template-columns:1fr}}@media (max-width: 1024px) and (min-width: 769px){.words-grid[data-v-dbf49d7d]{grid-template-columns:repeat(2,1fr)}}[data-v-8e0455c3]{box-sizing:border-box}.page-wrapper[data-v-8e0455c3]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px}.container[data-v-8e0455c3]{background:white;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:50px;width:580px;max-width:calc(100vw - 60px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px}.header[data-v-8e0455c3]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:35px 25px;text-align:center;position:relative;margin:-50px -50px 35px;border-radius:20px 20px 0 0}.header h1[data-v-8e0455c3]{color:#fff;font-size:32px;margin:0;font-weight:600}.back-btn[data-v-8e0455c3]{position:absolute;top:50%;left:20px;transform:translateY(-50%);background:transparent;color:#ffffffe6;border:1.5px solid rgba(255,255,255,.4);padding:10px 18px;border-radius:20px;cursor:pointer;font-size:15px;transition:all .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.back-btn[data-v-8e0455c3]:hover{background:rgba(255,255,255,.15);border-color:#fff9;color:#fff}.form-group[data-v-8e0455c3]{margin-bottom:24px}.form-group label[data-v-8e0455c3]{display:block;margin-bottom:10px;color:#333;font-weight:600;font-size:16px}.form-group input[data-v-8e0455c3]{width:100%;padding:16px 18px;border:2px solid #e1e5e9;border-radius:12px;font-size:17px;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:textfield;appearance:none;background-color:#fff;line-height:1.5}.form-group input[type=number][data-v-8e0455c3]::-webkit-inner-spin-button,.form-group input[type=number][data-v-8e0455c3]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group input[data-v-8e0455c3]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-row[data-v-8e0455c3]{display:flex;gap:15px}.input-row .form-group[data-v-8e0455c3]{flex:1;min-width:0}.calculate-btn[data-v-8e0455c3]{width:100%;padding:18px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:12px;font-size:19px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:15px}.calculate-btn[data-v-8e0455c3]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.result[data-v-8e0455c3]{margin-top:35px;padding:28px;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:15px;text-align:center;color:#fff;display:none}.result.show[data-v-8e0455c3]{display:block;animation:slideIn-8e0455c3 .5s ease}@keyframes slideIn-8e0455c3{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result h3[data-v-8e0455c3]{font-size:24px;margin-bottom:12px}.result .profit-ratio[data-v-8e0455c3]{font-size:42px;font-weight:700;margin:12px 0}.result .profit-status[data-v-8e0455c3]{font-size:20px;margin-top:12px}.profit-positive[data-v-8e0455c3]{color:#4ade80}.profit-negative[data-v-8e0455c3]{color:#dc2626;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}@media (max-width: 600px){.container[data-v-8e0455c3]{padding:20px;border-radius:15px}.header[data-v-8e0455c3]{margin:-20px -20px 20px;border-radius:15px 15px 0 0;padding:20px 15px;min-height:80px}.header h1[data-v-8e0455c3]{font-size:1.5em;padding-top:15px}.back-btn[data-v-8e0455c3]{left:10px;padding:6px 12px;font-size:.85em}.input-row[data-v-8e0455c3]{flex-direction:column;gap:0}.form-group input[data-v-8e0455c3]{padding:10px 12px}}.login-container[data-v-6de41b5b]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.login-card[data-v-6de41b5b]{background:white;padding:40px;border-radius:15px;box-shadow:0 10px 25px #0003;width:100%;max-width:400px;text-align:center}.icon[data-v-6de41b5b]{font-size:3em;margin-bottom:20px}h2[data-v-6de41b5b]{margin-bottom:30px;color:#333}.form-group[data-v-6de41b5b]{margin-bottom:20px;text-align:left}label[data-v-6de41b5b]{display:block;margin-bottom:8px;color:#666;font-weight:700}input[data-v-6de41b5b]{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1em;transition:border-color .3s}input[data-v-6de41b5b]:focus{border-color:#667eea;outline:none}.btn-login[data-v-6de41b5b]{width:100%;padding:12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:1.1em;cursor:pointer;font-weight:700;transition:transform .2s}.btn-login[data-v-6de41b5b]:hover{transform:translateY(-2px)}.btn-login[data-v-6de41b5b]:disabled{opacity:.7;cursor:not-allowed}.error-msg[data-v-6de41b5b]{color:#e74c3c;margin-bottom:15px;font-size:.9em}.header[data-v-784c3dbd]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:30px;text-align:center;position:relative}.header h1[data-v-784c3dbd]{font-size:2.5em;margin-bottom:10px}.header p[data-v-784c3dbd]{font-size:1.2em;opacity:.9}.back-btn[data-v-784c3dbd]{position:absolute;top:20px;left:30px;background:rgba(255,255,255,.2);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:1em;transition:all .3s ease}.back-btn[data-v-784c3dbd]:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.content[data-v-784c3dbd]{padding:40px}.add-user-section[data-v-784c3dbd]{background:#f8f9ff;border-radius:15px;padding:25px;margin-bottom:30px}.add-user-section h3[data-v-784c3dbd]{margin-bottom:20px;color:#333}.add-form[data-v-784c3dbd]{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.input-field[data-v-784c3dbd]{padding:12px 18px;border:2px solid #e0e0e0;border-radius:10px;font-size:1em;transition:border-color .3s ease;min-width:150px}.input-field[data-v-784c3dbd]:focus{outline:none;border-color:#667eea}.btn[data-v-784c3dbd]{padding:12px 25px;border:none;border-radius:10px;font-size:1em;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-784c3dbd]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary[data-v-784c3dbd]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.btn-primary[data-v-784c3dbd]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary[data-v-784c3dbd]{background:#e0e0e0;color:#333}.btn-secondary[data-v-784c3dbd]:hover{background:#d0d0d0}.users-section[data-v-784c3dbd]{background:white;border-radius:15px;padding:25px;box-shadow:0 5px 20px #0000000d}.users-section h3[data-v-784c3dbd]{margin-bottom:20px;color:#333}.users-table[data-v-784c3dbd]{border:1px solid #e0e0e0;border-radius:10px;overflow:hidden}.table-header[data-v-784c3dbd]{display:grid;grid-template-columns:2fr 1fr 2fr 2fr;background:#f5f5f5;padding:15px 20px;font-weight:700;color:#666}.table-row[data-v-784c3dbd]{display:grid;grid-template-columns:2fr 1fr 2fr 2fr;padding:15px 20px;border-top:1px solid #e0e0e0;align-items:center;transition:background .2s}.table-row[data-v-784c3dbd]:hover{background:#f9f9f9}.username[data-v-784c3dbd]{font-weight:600;color:#333}.badge[data-v-784c3dbd]{display:inline-block;padding:3px 8px;border-radius:12px;font-size:.75em;margin-left:8px}.badge.admin[data-v-784c3dbd]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.col-actions[data-v-784c3dbd]{display:flex;gap:8px}.btn-small[data-v-784c3dbd]{padding:6px 12px;border:none;border-radius:6px;font-size:.85em;cursor:pointer;transition:all .2s}.btn-warning[data-v-784c3dbd]{background:#f39c12;color:#fff}.btn-warning[data-v-784c3dbd]:hover{background:#e67e22}.btn-danger[data-v-784c3dbd]{background:#e74c3c;color:#fff}.btn-danger[data-v-784c3dbd]:hover{background:#c0392b}.btn-danger[data-v-784c3dbd]:disabled{background:#ccc;cursor:not-allowed}.loading[data-v-784c3dbd]{text-align:center;padding:40px}.spinner[data-v-784c3dbd]{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin-784c3dbd 1s linear infinite;margin:0 auto 15px}@keyframes spin-784c3dbd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-784c3dbd]{text-align:center;padding:40px;color:#999}.empty-icon[data-v-784c3dbd]{font-size:3em;margin-bottom:15px}.modal-overlay[data-v-784c3dbd]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-784c3dbd]{background:white;padding:30px;border-radius:15px;width:90%;max-width:400px;box-shadow:0 20px 40px #0003}.modal h3[data-v-784c3dbd]{margin-bottom:15px}.modal p[data-v-784c3dbd]{margin-bottom:20px;color:#666}.modal .input-field[data-v-784c3dbd]{width:100%;margin-bottom:20px}.modal-actions[data-v-784c3dbd]{display:flex;gap:10px;justify-content:flex-end}.message-container[data-v-784c3dbd]{position:fixed;top:20px;right:20px;z-index:2000}.message[data-v-784c3dbd]{padding:15px 20px;border-radius:8px;margin-bottom:10px;font-weight:700;max-width:300px;box-shadow:0 4px 12px #00000026}.message.success[data-v-784c3dbd]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error[data-v-784c3dbd]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message.info[data-v-784c3dbd]{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.message-enter-active[data-v-784c3dbd],.message-leave-active[data-v-784c3dbd]{transition:all .3s ease}.message-enter-from[data-v-784c3dbd],.message-leave-to[data-v-784c3dbd]{opacity:0;transform:translate(30px)}@media (max-width: 768px){.add-form[data-v-784c3dbd]{flex-direction:column;align-items:stretch}.input-field[data-v-784c3dbd]{min-width:100%}.table-header[data-v-784c3dbd],.table-row[data-v-784c3dbd]{grid-template-columns:1fr;gap:10px}.table-header[data-v-784c3dbd]{display:none}.table-row[data-v-784c3dbd]{padding:20px}.col-actions[data-v-784c3dbd]{margin-top:10px}}