.modal-overlay{position:fixed;inset:0;background:#122941d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:16px;padding:2rem;max-width:90vw;width:420px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #1229414d;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-icon{width:64px;height:64px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.modal-info .modal-icon{background:linear-gradient(135deg,var(--bg-accent) 0%,#e3f0fc 100%);color:var(--primary-dark)}.modal-success .modal-icon{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.modal-error .modal-icon{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}.modal-warning .modal-icon{background:linear-gradient(135deg,var(--warning-light) 0%,#ffeeba 100%);color:#856404}.modal-confirm .modal-icon{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460}.modal-title{font-size:1.5rem;font-weight:700;color:var(--primary-dark);margin:0 0 1rem;text-align:center}.modal-body{color:var(--text-gray);font-size:1rem;line-height:1.6;margin-bottom:2rem;text-align:center}.modal-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.modal-button{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px}.modal-button-primary{background:linear-gradient(135deg,var(--accent-orange) 0%,#d68900 100%);color:#fff}.modal-button-primary:hover{background:linear-gradient(135deg,#b06900 0%,var(--accent-orange) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #c87a004d}.modal-button-secondary{background:#f1f3f4;color:#52647c}.modal-button-secondary:hover{background:#e3e6e8;transform:translateY(-2px)}.modal-button-danger{background:linear-gradient(135deg,var(--error-color) 0%,#c82333 100%);color:#fff}.modal-button-danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.modal-button-success{background:linear-gradient(135deg,var(--success-color) 0%,#218838 100%);color:#fff}.modal-button-success:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}@media(max-width:768px){.modal-content{padding:1.5rem;max-width:95vw;border-radius:12px}.modal-icon{width:56px;height:56px;font-size:1.75rem;margin-bottom:1rem}.modal-title{font-size:1.25rem}.modal-body{font-size:.95rem;margin-bottom:1.5rem}.modal-button{padding:.65rem 1.5rem;font-size:.95rem}.modal-actions{flex-direction:column}.modal-button{width:100%}}.feedback-form{display:flex;flex-direction:column;gap:1.5rem}.feedback-info{color:#666;font-size:.9rem;line-height:1.5;margin:0;background:#e3f2fd;padding:1rem;border-radius:8px;border-left:4px solid #2196F3}.feedback-form .form-group{display:flex;flex-direction:column;gap:.5rem}.feedback-form label{font-weight:600;color:#333;display:flex;justify-content:space-between;align-items:center}.char-count{font-size:.85rem;color:#999;font-weight:400}.feedback-form select,.feedback-form textarea{padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s;background:#fff}.feedback-form select:focus,.feedback-form textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.feedback-form textarea{resize:vertical;min-height:150px;line-height:1.5}.feedback-form textarea.error{border-color:#f44336}.feedback-form .error-message{color:#f44336;font-size:.85rem;margin-top:-.25rem;font-weight:500}.modal-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s;font-weight:600}.modal-actions button[type=submit]{background:linear-gradient(135deg,#2196F3 0%,var(--blue) 100%);color:#fff;box-shadow:0 4px 12px #2196f34d}.modal-actions button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.modal-actions button[type=submit]:active:not(:disabled){transform:translateY(0)}.modal-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--primary-dark),var(--text-gray));color:#fff}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.loading-screen p{margin-top:1rem;font-size:1.2rem}.layout{display:flex;flex-direction:column;min-height:100vh}.layout-header{background:linear-gradient(135deg,var(--primary-dark),var(--text-gray));color:#fff;box-shadow:0 2px 8px #12294126;position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.header-left{display:flex;align-items:center;gap:1rem}.app-logo{font-size:2rem;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.app-logo:hover{transform:scale(1.1)}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500;white-space:nowrap}.status-badge.online{background-color:#4caf504d}.status-badge.offline{background-color:#f443364d}.nav-link{color:#fff;text-decoration:none;padding:1rem 1.25rem;border-radius:8px;transition:all .2s ease;font-weight:500;white-space:nowrap;position:relative;display:flex;align-items:center;gap:.75rem;width:100%}.nav-link:hover{background-color:#ffffff26;transform:translate(4px)}.nav-link.active{background-color:#ffffff40}.feedback-link{background:none;border:none;font-size:1rem;font-family:inherit;text-align:left;cursor:pointer;color:#fff}.nav-link .badge{background-color:var(--error-color);color:#fff;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;margin-left:.25rem}.header-right{display:flex;align-items:center;gap:1.25rem}.user-profile{display:flex;align-items:center;gap:.75rem;background:#ffffff26;padding:.5rem 1rem;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.user-avatar{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-orange) 0%,#e89a3c 100%);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #0003;border:2px solid rgba(255,255,255,.3);flex-shrink:0;overflow:hidden}.user-name{font-size:.95rem;font-weight:600;color:#fff;white-space:nowrap}.logout-btn{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.logout-icon{font-size:1.1rem}.logout-btn:hover{background-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.layout-main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem;padding-top:0}.layout-footer{background:var(--primary-dark);color:#fff;text-align:center;padding:1.5rem;margin-top:auto}.layout-footer p{font-size:.9rem;opacity:.8;margin:.25rem 0}.footer-links{margin-top:.5rem}.footer-links a{color:var(--accent-orange);text-decoration:none;transition:opacity .2s ease}.footer-links a:hover{opacity:.8;text-decoration:underline}.mobile-menu-btn{display:block;background:none;border:none;cursor:pointer;padding:.5rem;z-index:110;order:2}.hamburger{display:flex;flex-direction:column;gap:5px;width:28px;height:24px;position:relative}.hamburger span{display:block;width:100%;height:3px;background:#fff;border-radius:3px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:99;animation:fadeIn .3s ease}.header-nav{position:fixed;top:0;left:0;width:320px;height:100vh;background:linear-gradient(180deg,var(--primary-dark) 0%,var(--text-gray) 100%);flex-direction:column;justify-content:flex-start;padding:1.5rem;gap:0;box-shadow:4px 0 20px #0000004d;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;z-index:100}.header-nav.mobile-open{transform:translate(0);padding-top:64px}.menu-close-btn{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.menu-close-btn:hover{background:#fff3;transform:scale(1.05)}.close-icon{font-size:1.5rem;font-weight:300;line-height:1}.nav-link{width:100%;padding:1rem 1.25rem;font-size:1.05rem;border-radius:8px;display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.nav-link .badge{margin-left:auto}.header-right{display:none}.mobile-user-section{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.mobile-user-profile{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-user-profile .user-avatar{width:48px;height:48px;min-width:48px;min-height:48px;font-size:1.25rem;background:linear-gradient(135deg,var(--accent-orange) 0%,#ff9500 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;box-shadow:0 2px 8px #c87a004d;flex-shrink:0;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.mobile-user-profile .user-name{font-size:1.1rem;font-weight:600;color:#fff}.mobile-logout-btn{width:100%;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:1rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.05rem;transition:all .2s ease;display:flex;align-items:center;gap:.75rem;justify-content:flex-start}.mobile-logout-btn:hover{background:#ffffff40;transform:translate(4px)}.mobile-logout-btn .logout-icon{font-size:1.25rem}@media(max-width:480px){.header-content{padding:1rem}.app-logo{font-size:1.5rem}.status-badge{display:none}.header-nav{gap:.5rem;box-shadow:4px 0 16px #0000004d;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;z-index:100}.header-nav.mobile-open{transform:translate(0)}.header-nav:before{content:"";position:fixed;top:0;right:-100vw;width:100vw;height:100vh;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease}.header-nav.mobile-open:before{opacity:1;pointer-events:auto}.nav-link{width:100%;padding:1rem;font-size:1rem;border-radius:8px;justify-content:flex-start}.nav-link .badge{margin-left:auto}.header-nav::-webkit-scrollbar{height:4px}.header-nav::-webkit-scrollbar-track{background:#ffffff1a}.header-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}}@media(max-width:768px){.header-content{padding:1rem;gap:1rem;flex-wrap:nowrap}.app-title{font-size:1.1rem}.status-badge{font-size:.75rem;padding:.2rem .5rem}.mobile-menu-btn{display:block;order:2}.header-nav{position:fixed;top:0;left:0;width:280px;height:100vh;background:linear-gradient(180deg,var(--primary) 0%,var(--secondary) 100%);flex-direction:column;justify-content:flex-start;padding:5rem 1.5rem 2rem;gap:.5rem;box-shadow:4px 0 16px #0000004d;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;z-index:100}.header-nav.mobile-open{transform:translate(0)}.header-nav:before{content:"";position:fixed;top:0;right:-100vw;width:100vw;height:100vh;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease}.header-nav.mobile-open:before{opacity:1;pointer-events:auto}.nav-link{width:100%;padding:1rem;font-size:1rem;border-radius:8px;justify-content:flex-start}.nav-link .badge{margin-left:auto}.header-right{display:none}.layout-main{padding:1rem;padding-top:0}}@media(max-width:480px){.app-logo{font-size:1.5rem}.header-left{gap:.5rem}.status-badge{display:none}}.home-page{max-width:100%;margin:0;padding:1rem}.data-warning-banner{background:linear-gradient(135deg,var(--warning-light) 0%,#ffeaa7 100%);border:2px solid #ffc107;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 4px 12px #ffc10733;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.data-warning-content{display:flex;align-items:flex-start;padding:1rem;gap:.75rem;position:relative}.warning-icon{font-size:1.75rem;flex-shrink:0;margin-top:.25rem}.warning-text{flex:1}.warning-text strong{display:block;font-size:1.1rem;color:#856404;margin-bottom:.25rem}.warning-text p{margin:0 0 .75rem;color:#856404;line-height:1.5;font-size:.95rem}.sync-now-btn{background:linear-gradient(135deg,#2196F3 0%,var(--blue) 100%);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #2196f34d}.sync-now-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.sync-now-btn:active{transform:translateY(0)}.close-warning-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;font-size:1.75rem;color:#856404;cursor:pointer;padding:.25rem .5rem;line-height:1;transition:all .2s;border-radius:4px}.close-warning-btn:hover{background:#8564041a;transform:scale(1.1)}.category-header{text-align:center;margin-bottom:2rem;padding:1rem;position:relative}.category-header h1{font-size:1.75rem;color:var(--primary);margin-bottom:.5rem;font-weight:700}.category-header p{font-size:1rem;color:var(--text)}.back-to-customers-btn{background:#1229411a;color:var(--primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.75rem}.back-to-customers-btn:hover{background:#12294126;transform:scale(1.05)}.category-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}.category-card{background:#fff;border:2px solid var(--border-color);border-radius:12px;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #12294114}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #12294126;border-color:var(--primary)}.category-card.kassenwaage{border-left:4px solid var(--link)}.category-card.kassenwaage:hover{background:var(--bg-light-blue)}.category-card.thekenwaage{border-left:4px solid var(--primary)}.category-card.thekenwaage:hover{background:var(--bg-light-blue)}.category-card.drucker{border-left:4px solid var(--secondary)}.category-card.drucker:hover{background:var(--bg-light-blue)}.category-card.customer-card{border-left:4px solid #4CAF50}.category-card.customer-card:hover{background:linear-gradient(135deg,var(--success-light) 0%,#c8e6c9 100%);border-color:#4caf50}.category-card.kleidung{border-left:4px solid #9C27B0}.category-card.kleidung:hover{background:linear-gradient(135deg,var(--purple-light) 0%,#e1bee7 100%)}.category-card.ausweise{border-left:4px solid #FF9800}.category-card.ausweise:hover{background:linear-gradient(135deg,var(--orange-light) 0%,#ffe0b2 100%)}.category-card.werkzeuge{border-left:4px solid #607D8B}.category-card.werkzeuge:hover{background:linear-gradient(135deg,#eceff1,#cfd8dc)}.category-icon{font-size:3rem;margin-bottom:1rem}.category-icon.customer-logo{width:80px;height:80px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:#fff;padding:.5rem;margin:0 auto 1rem}.category-icon.customer-logo img{max-width:100%;max-height:100%;object-fit:contain}.category-card h2{font-size:1.35rem;margin:0 0 .5rem;color:var(--primary-dark);font-weight:600}.category-card p{font-size:.95rem;color:var(--text);margin:0}.seed-prompt{background:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 2px 8px #12294114}.seed-prompt h2{color:var(--primary-dark);margin-bottom:1rem}.seed-prompt p{margin-bottom:2rem;color:var(--text-gray)}.primary-button{background:linear-gradient(135deg,var(--accent-orange) 0%,#d68900 100%);color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #c87a0033}.primary-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c87a004d}.primary-button:active{transform:translateY(0)}@media(min-width:769px){.home-page{max-width:1200px;margin:0 auto;padding:2rem}.category-header h1{font-size:2.5rem}.category-header p{font-size:1.15rem}.category-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.category-card{padding:2.5rem 2rem}.category-icon{font-size:4rem}.category-card h2{font-size:1.5rem}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay-top{z-index:2000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-height:90vh;overflow-y:auto;width:90%}.documentation-modal-content{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #ddd;position:sticky;top:0;background:#fff;z-index:10}.modal-header h2{margin:0;color:#333;font-size:20px;flex:1;padding-right:10px}.modal-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close-btn:hover{background:#f0f0f0;color:#333}.documentation-modal{padding:20px}.documentation-modal{max-width:800px}.documentation-list{max-height:400px;overflow-y:auto;margin-bottom:20px}.documentation-item{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid #e6e8ee;border-radius:12px;background:#f8fafc;margin-bottom:12px}.documentation-info{flex:1}.documentation-name{font-weight:700;color:#333;margin-bottom:5px;font-size:16px;word-break:break-word}.documentation-pages{color:#666;font-size:14px;margin-bottom:5px}.documentation-description{color:#777;font-size:13px;font-style:italic;word-break:break-word}.documentation-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.doc-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;min-width:fit-content;white-space:nowrap;box-shadow:0 1px 2px #0000000f}.doc-action-btn:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px}.doc-action-btn:active{transform:translateY(1px) scale(.98)}.doc-action-icon{font-size:16px;line-height:1}.doc-action-label{line-height:1}.btn-view{background:#2563eb;color:#fff}.btn-view:hover{background:#1d4ed8}.btn-edit-doc{background:#f59e0b;color:#2b2b2b}.btn-edit-doc:hover{background:#d97706}.btn-delete-doc{background:#ef4444;color:#fff}.btn-delete-doc:hover{background:#dc2626}.documentation-form{background:#fff;padding:22px;border-radius:14px;margin-bottom:20px;border:1px solid #e6e8ee;box-shadow:0 10px 24px #0f172a14}.documentation-form h3{margin-top:0;margin-bottom:15px;color:#0f172a;font-size:18px;font-weight:700}.form-group-doc{margin-bottom:15px}.form-group-doc label{display:block;margin-bottom:5px;color:#0f172a;font-weight:500}.form-group-doc input,.form-group-doc select,.form-group-doc textarea{width:100%;padding:12px 14px;border:1px solid #dbe0ea;border-radius:10px;font-size:14px;background:#f8fafc;transition:border-color .2s,box-shadow .2s,background .2s}.form-group-doc input:focus,.form-group-doc select:focus,.form-group-doc textarea:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb26}.documentation-upload-info{margin-top:6px;font-size:12px;color:#64748b}.page-type-options{display:flex;flex-direction:column;gap:10px;margin-top:5px}.page-type-options label{display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer;padding:10px;border-radius:8px;border:1px solid transparent;transition:background .2s}.page-type-options label:hover{background:#f8fafc;border-color:#e2e8f0}.page-type-options input[type=radio]{width:auto;margin:0;min-width:20px;min-height:20px}.page-inputs{display:flex;flex-direction:column;gap:10px;margin-top:10px}.page-inputs input{width:100%}.btn-submit-doc{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:14px 20px;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s;width:100%}.btn-submit-doc:hover{filter:brightness(.95)}.btn-submit-doc:active{transform:scale(.98)}.btn-cancel-doc{background:#0f172a;color:#fff;padding:14px 20px;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s;width:100%}.btn-cancel-doc:hover{background:#111827}.btn-cancel-doc:active{transform:scale(.98)}.btn-add-doc{background:#007bff;color:#fff;padding:14px 20px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;transition:all .2s;width:100%}.btn-add-doc:active{transform:scale(.98)}@media(max-width:768px){.modal-content{width:95%;max-height:95vh;border-radius:12px 12px 0 0;margin-top:auto}.modal-header{padding:16px}.modal-header h2{font-size:18px}.documentation-modal{padding:16px}.documentation-list{max-height:60vh}.documentation-item{padding:12px}.documentation-name{font-size:15px}.documentation-pages{font-size:13px}.documentation-description{font-size:12px}.documentation-actions{width:100%}.documentation-actions button{flex:1;padding:12px 8px;font-size:13px}.btn-view{min-width:100px}.documentation-form{padding:16px}.form-group-doc input,.form-group-doc select,.form-group-doc textarea{padding:12px;font-size:16px}.form-group-doc label{font-size:14px;margin-bottom:8px}.page-type-options label{padding:12px;font-size:15px}.page-type-options input[type=radio]{min-width:22px;min-height:22px}}@media(max-width:480px){.modal-header h2{font-size:16px}.documentation-modal{padding:12px}.documentation-item{padding:10px}.btn-edit-doc,.btn-delete-doc{padding:10px 8px;font-size:16px}}.btn-add-doc{background:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:20px;transition:all .2s}.btn-add-doc:hover{background:#0056b3}.no-documentation{text-align:center;padding:30px;color:#999;font-style:italic}.file-input-wrapper{position:relative;display:inline-block;width:100%}.file-input-wrapper input[type=file]{width:100%}.documentation-upload-info{font-size:12px;color:#666;margin-top:5px}.search-page{padding:0;min-height:100vh;background:var(--bg-light)}.device-header{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--text-gray) 100%);color:#fff;padding:1.5rem 1rem;text-align:center;margin-bottom:1rem;margin-left:-2rem;margin-right:-2rem;margin-top:0}.device-header h1{font-size:1.5rem;margin:0 0 .25rem;font-weight:700}.device-header p{font-size:.95rem;margin:0;opacity:.9}.search-section{padding:1rem}.search-controls{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #12294114;margin-bottom:1.5rem}.search-box{display:flex;gap:.5rem;margin-bottom:.75rem}.search-input{flex:1;padding:.875rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--primary-dark);transition:all .2s}.search-input:focus{outline:none;border-color:var(--accent-orange);box-shadow:0 0 0 3px #c87a001a}.search-button{padding:.875rem 1.25rem;background:linear-gradient(135deg,var(--accent-orange) 0%,#a06000 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;box-shadow:0 2px 8px #c87a0033}.search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c87a004d}.search-button:disabled{opacity:.6;cursor:not-allowed}.results-section{margin-top:1.5rem}.results-title{font-size:1.25rem;color:var(--primary-dark);margin:0 0 1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.results-title .count{color:var(--text-gray);font-size:1rem;font-weight:400}.results-grid{display:grid;grid-template-columns:1fr;gap:1rem}.part-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #1229410f;transition:all .3s ease}.part-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #1229411f;border-color:var(--link)}.part-image{width:100%;height:180px;background:var(--bg-light-blue);border-radius:8px;margin-bottom:1rem;overflow:hidden}.part-image img{width:100%;height:100%;object-fit:cover}.part-info h3{font-size:1.1rem;color:var(--primary-dark);margin:0 0 .5rem;font-weight:600;line-height:1.4}.part-article{font-size:.85rem;color:var(--accent-orange);font-weight:600;margin-bottom:.5rem}.part-description{font-size:.9rem;color:var(--text-gray);line-height:1.5;margin-bottom:1rem}.compatible-types{background:var(--bg-accent);padding:.5rem .75rem;border-radius:6px;font-size:.85rem;margin-bottom:1rem}.compatible-types .label{font-weight:600;color:var(--primary-dark);margin-right:.5rem}.compatible-types .types{color:var(--text-gray)}.part-footer{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--bg-light)}.view-docs-button{padding:.75rem 1.25rem;background:#f0f4f8;color:var(--primary-dark);border:1px solid #d0dae5;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.view-docs-button:hover{background:#e1e9f0;border-color:var(--primary-dark);transform:translateY(-1px)}.view-docs-button:active{transform:translateY(0)}.add-to-cart-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent-orange) 0%,#d68900 100%);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #c87a0033}.add-to-cart-button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #c87a004d}.add-to-cart-button:active{transform:translateY(0)}.no-results{text-align:center;padding:3rem 1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #1229410f}.no-results-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-results p{font-size:1rem;color:var(--text);margin:0}.parser-header{background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);color:#fff;padding:1.5rem 1rem;text-align:center;margin-bottom:1rem}.parser-header h1{font-size:1.5rem;margin:0 0 .25rem}.parser-section{padding:1rem}.parser-result{background:#fff;border-radius:12px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 2px 8px #12294114}.parser-result.valid{border-left:4px solid var(--success-color)}.parser-result.invalid{border-left:4px solid var(--error-color)}.parser-result h3{color:var(--primary);margin:0 0 1rem;font-size:1.15rem}.result-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--bg-light)}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:600;color:var(--text)}.detail-row .value{color:var(--primary);font-weight:500}@media(min-width:769px){.search-page{max-width:1200px;margin:0 auto}.device-header,.parser-header{padding:2rem;border-radius:0 0 20px 20px}.device-header h1,.parser-header h1{font-size:2rem}.device-header p{font-size:1.1rem}.search-section,.parser-section{padding:2rem}.search-controls{padding:1.5rem}.search-box{margin-bottom:0}.results-title{font-size:1.5rem}.results-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.part-card{padding:1.5rem}.part-info h3{font-size:1.2rem}.part-description{font-size:.95rem}}@media(min-width:481px)and (max-width:768px){.results-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.device-header h1{font-size:1.75rem}}.image-modal-overlay{position:fixed;inset:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{background:#fff;border-radius:12px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #00000080}.image-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-light);border-bottom:1px solid var(--border-color);gap:1rem}.image-modal-header h3{margin:0;font-size:1.1rem;color:var(--primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-modal-controls{display:flex;gap:.5rem}.image-modal-controls button{background:#fff;border:1px solid var(--border-color);border-radius:6px;padding:.5rem .75rem;cursor:pointer;font-size:1rem;font-weight:600;color:var(--primary);transition:all .2s;min-width:60px}.image-modal-controls button:hover{background:var(--bg-light);border-color:var(--link)}.image-modal-controls button:active{transform:scale(.95)}.image-modal-close{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.image-modal-close:hover{background:var(--bg-light);color:var(--primary)}.image-modal-body{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f8f9fa}.image-modal-body img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease;border-radius:8px}@media(max-width:768px){.image-modal-content{max-width:100vw;max-height:100vh;border-radius:0}.image-modal-header{padding:.75rem 1rem}.image-modal-header h3{font-size:.95rem}.image-modal-controls button{padding:.4rem .6rem;font-size:.9rem;min-width:50px}.image-modal-body{padding:1rem}}.device-selection-page{padding:0;min-height:100vh;background:var(--bg-light)}.device-header{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:2rem 1rem;text-align:center;position:relative;box-shadow:0 2px 8px #12294126}.back-button{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.625rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.back-button:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.05)}.device-header h1{font-size:1.75rem;margin:0;font-weight:700}.devices-grid{padding:1rem;display:grid;grid-template-columns:1fr;gap:1rem}.device-card{background:#fff;border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #12294114}.device-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #12294126;border-color:var(--link)}.device-card h2{font-size:1.2rem;color:var(--primary);margin:0 0 .5rem;font-weight:600}.device-card p{font-size:.9rem;color:var(--text);margin:0;line-height:1.5}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:3rem 1rem}.loading-container .spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{margin-top:1rem;color:var(--text);font-size:1.1rem}.error-container{text-align:center;padding:2rem 1rem;max-width:600px;margin:2rem auto;background:#fff;border-radius:16px;box-shadow:0 4px 16px #1229411a}.error-icon{font-size:4rem;margin-bottom:1rem}.error-container h2{color:var(--warning-color);font-size:1.35rem;margin-bottom:1rem;font-weight:600}.error-container p{color:var(--text);margin-bottom:2rem;line-height:1.6}.error-actions{display:flex;flex-direction:column;gap:1rem}.btn-primary,.btn-secondary{padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:linear-gradient(135deg,var(--accent-orange) 0%,#d68900 100%);color:#fff;box-shadow:0 2px 8px #c87a0033}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c87a004d}.btn-secondary{background:#fff;color:var(--primary-dark);border:2px solid var(--primary-dark)}.btn-secondary:hover{background:var(--bg-accent);transform:translateY(-2px)}.device-grid{padding:1rem;display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:481px){.error-actions{flex-direction:row;justify-content:center}.btn-primary,.btn-secondary{flex:1;max-width:200px}.device-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px){.device-selection-page{max-width:1200px;margin:0 auto}.device-header{padding:3rem 2rem}.back-button{font-size:1rem;padding:.75rem 1.5rem}.device-header h1{font-size:2.25rem}.device-grid{padding:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.device-card{padding:2rem}.device-card h2{font-size:1.4rem}.device-image{height:220px}}.cart-page{max-width:1200px;margin:0 auto}.cart-header{text-align:center;padding:2rem 0;margin-bottom:2rem}.cart-header h1{font-size:2.5rem;color:var(--primary-color);margin-bottom:.5rem}.cart-header p{color:var(--text-secondary)}.empty-cart{background:#fff;padding:4rem 2rem;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000001a}.empty-icon{font-size:5rem;margin-bottom:1rem;opacity:.3}.empty-cart h2{color:var(--text-primary);margin-bottom:.5rem}.empty-cart p{color:var(--text-secondary);margin-bottom:2rem}.primary-button{display:inline-block;padding:1rem 2rem;background-color:var(--accent-orange);color:#fff;text-decoration:none;border-radius:4px;font-weight:600;transition:background-color .3s}.primary-button:hover{background-color:#b06900}.cart-content{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.cart-items{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;gap:2rem}.item-info{flex:1}.item-info h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.1rem}.item-article{font-size:.85rem;color:var(--text-secondary);margin:0 0 .5rem}.item-price{font-size:.9rem;color:var(--text-secondary);margin:0}.item-controls{display:flex;align-items:center;gap:1.5rem}.quantity-control{display:flex;align-items:center;gap:.5rem;background-color:var(--background);padding:.5rem;border-radius:4px}.quantity-button{width:32px;height:32px;border:none;background-color:#fff;border-radius:4px;cursor:pointer;font-size:1.2rem;font-weight:600;color:var(--primary-color);transition:background-color .3s}.quantity-button:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.quantity-button:disabled{opacity:.3;cursor:not-allowed}.quantity{min-width:40px;text-align:center;font-weight:600;color:var(--text-primary)}.item-total{font-size:1.3rem;font-weight:700;color:var(--primary-color);min-width:100px;text-align:right}.remove-button{background:none;border:none;font-size:1.5rem;cursor:pointer;opacity:.5;transition:opacity .3s;padding:.5rem}.remove-button:hover{opacity:1}.cart-actions{padding-top:1rem;border-top:2px solid var(--border-color);display:flex;justify-content:flex-end}.clear-button{padding:.75rem 1.5rem;background-color:transparent;color:var(--error-color);border:2px solid var(--error-color);border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .3s,color .3s}.clear-button:hover{background-color:var(--error-color);color:#fff}.cart-summary{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;position:sticky;top:2rem}.cart-summary h2{margin:0 0 1.5rem;color:var(--text-primary)}.summary-details{margin-bottom:2rem}.summary-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.summary-row.total{font-size:1.3rem;font-weight:700;color:var(--primary-color);border-bottom:none;padding-top:1rem;margin-top:.5rem;border-top:2px solid var(--primary-color)}.ticket-section{margin-bottom:1.5rem}.ticket-section label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.ticket-input{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:4px;font-size:1rem}.ticket-input:focus{outline:none;border-color:var(--primary-color)}.ticket-hint{font-size:.85rem;color:var(--text-secondary);margin:.5rem 0 0}.offline-warning{width:100%;padding:1rem;background-color:#fff3cd;color:#856404;border:1px solid #ffc107;border-radius:4px;font-size:.95rem;font-weight:500;text-align:center;margin-bottom:1rem}.order-button{width:100%;padding:1rem;background-color:var(--success-color);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.order-button:hover:not(:disabled){background-color:#2e7d32}.order-button:disabled{background-color:#ccc;cursor:not-allowed}.order-info{margin-top:1.5rem;padding:1rem;background-color:#e3f2fd;border-radius:4px;font-size:.85rem;color:var(--text-secondary)}.order-info p{margin:0}@media(max-width:1024px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media(max-width:768px){.cart-header h1{font-size:2rem}.cart-item{flex-direction:column;align-items:stretch;gap:1rem}.item-controls{justify-content:space-between}.item-total{text-align:left}}.settings-page{max-width:1000px;margin:0 auto}.settings-header{text-align:center;padding:2rem 0;margin-bottom:2rem}.settings-header h1{font-size:2.5rem;color:var(--primary-color);margin:0}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section h2{margin:0 0 1rem;color:var(--text-primary);font-size:1.5rem}.settings-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.section-description{color:var(--text-secondary);margin-bottom:1.5rem}.user-info{margin-bottom:1.5rem}.info-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-row .label{font-weight:600;color:var(--text-secondary)}.info-row .value{color:var(--text-primary)}.text-warning{color:var(--warning-color)!important;font-weight:600}.session-days{font-size:.85rem;color:var(--text);font-weight:400}.badge{background-color:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.stat-item{text-align:center;padding:1.5rem;background-color:var(--background);border-radius:8px}.stat-label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--primary-color)}.sync-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.sync-label{font-size:.95rem;color:var(--text-secondary);font-weight:500}.sync-value{font-size:.95rem;color:var(--text-primary);font-weight:600}.storage-info{display:flex;flex-direction:column;gap:1rem}.storage-bar{width:100%;height:24px;background-color:var(--background);border-radius:12px;overflow:hidden}.storage-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));transition:width .3s}.storage-details{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-secondary)}.primary-button{padding:1rem 2rem;background-color:var(--accent-orange);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s;width:100%}.primary-button:hover:not(:disabled){background-color:#b06900}.primary-button:disabled{opacity:.6;cursor:not-allowed}.offline-warning{width:100%;padding:1rem;background-color:#fff3cd;color:#856404;border:1px solid #ffc107;border-radius:4px;font-size:.95rem;font-weight:500;text-align:center}.secondary-button{padding:.75rem 1.5rem;background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .3s,color .3s}.secondary-button:hover{background-color:var(--primary-color);color:#fff}.danger-button{padding:.75rem 1.5rem;background-color:transparent;color:var(--error-color);border:2px solid var(--error-color);border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .3s,color .3s;width:100%}.danger-button:hover{background-color:var(--error-color);color:#fff}.maintenance-actions{display:flex;flex-direction:column;gap:2rem}.action-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background-color:var(--background);border-radius:8px;gap:2rem}.action-item h4{margin:0 0 .5rem;color:var(--text-primary)}.action-item p{margin:0;font-size:.9rem;color:var(--text-secondary)}.danger-text{color:var(--error-color)!important;font-weight:600}.info-grid{display:flex;flex-direction:column;gap:.5rem}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.status-badge.online{background-color:#e8f5e9;color:var(--success-color)}.status-badge.offline{background-color:#ffebee;color:var(--error-color)}.password-change-form{display:flex;flex-direction:column;gap:1.5rem}.password-change-form .form-group{display:flex;flex-direction:column;gap:.5rem}.password-change-form label{font-weight:600;color:var(--text-primary);font-size:.95rem;display:flex;align-items:center;gap:.5rem}.password-change-form input{padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--text-primary);background:#fff;transition:all .2s ease}.password-change-form input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2196f31a}.password-change-form input:disabled{background-color:var(--background);opacity:.6;cursor:not-allowed}.password-change-form button[type=submit]{padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2196f34d;margin-top:.5rem}.password-change-form button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.password-change-form button[type=submit]:active:not(:disabled){transform:translateY(0)}.password-change-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none}.password-requirements{background-color:var(--bg-light-blue, var(--blue-light));border-left:4px solid var(--primary-color);padding:1rem;border-radius:4px;margin-bottom:.5rem}.password-requirements p{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.6}.password-requirements strong{color:var(--text-primary)}@media(max-width:768px){.settings-header h1{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.action-item{flex-direction:column;align-items:stretch;text-align:center}.action-item button{width:100%}.storage-details{flex-direction:column;gap:.25rem}}.profile-complete-form{display:flex;flex-direction:column;gap:1.5rem}.profile-complete-description{color:var(--text-secondary);margin:0;line-height:1.5}.profile-error{padding:.75rem 1rem;background-color:#fee;color:#c00;border-radius:4px;border:1px solid #fcc;font-size:.9rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.95rem}.form-group input{padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary-color)}.form-group input:disabled{background-color:var(--background);cursor:not-allowed}.profile-submit-button{padding:1rem 2rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.profile-submit-button:hover:not(:disabled){background-color:var(--primary-dark)}.profile-submit-button:disabled{opacity:.6;cursor:not-allowed}.forgot-password-form{display:flex;flex-direction:column;gap:1.5rem}.forgot-password-info{color:#666;font-size:.9rem;line-height:1.5;margin:0}.forgot-password-form .form-group{display:flex;flex-direction:column;gap:.5rem}.forgot-password-form label{font-weight:500;color:#333}.forgot-password-form input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.forgot-password-form input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.modal-actions button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s;font-weight:500}.modal-actions button[type=submit]{background-color:#2196f3;color:#fff}.modal-actions button[type=submit]:hover:not(:disabled){background-color:#1976d2}.modal-actions .cancel-button{background-color:#f5f5f5;color:#333}.modal-actions .cancel-button:hover:not(:disabled){background-color:#e0e0e0}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--text-gray) 100%);padding:1rem}.login-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #1229414d;width:100%;max-width:420px;padding:2rem 1.5rem;animation:slideIn .4s ease-out}.login-header{text-align:center;margin-bottom:2rem}.login-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 1s ease-in-out}.login-header h1{font-size:1.75rem;color:var(--primary-dark);margin:0 0 .5rem;font-weight:700}.login-header p{font-size:1rem;color:var(--text-gray);margin:0}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group label{font-size:.95rem;font-weight:600;color:var(--primary-dark)}.form-group input{padding:.875rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--primary-dark);transition:all .2s;background:#fff}.form-group input:focus{outline:none;border-color:var(--accent-orange);box-shadow:0 0 0 3px #c87a001a}.form-group input:disabled{background:var(--bg-light);cursor:not-allowed}.login-button{padding:1rem;background:linear-gradient(135deg,var(--accent-orange) 0%,#a06000 100%);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #c87a004d;margin-top:.5rem}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #c87a0066}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.forgot-password-link{text-align:center;margin-top:-.5rem}.link-button{background:none;border:none;color:var(--link);font-size:.9rem;cursor:pointer;text-decoration:none;padding:.5rem;transition:opacity .2s ease}.link-button:hover:not(:disabled){opacity:.8;text-decoration:underline}.link-button:disabled{opacity:.5;cursor:not-allowed}.login-info{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.info-badge{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-light-blue);border-radius:8px;font-size:.9rem;color:var(--text)}.badge-icon{font-size:1.25rem}.login-hint{background:var(--bg-light);border-left:4px solid var(--link);padding:1rem;border-radius:8px;margin-top:.5rem}.login-hint p{margin:.25rem 0;font-size:.9rem;color:var(--text)}.login-hint p:first-child{font-weight:600;color:var(--primary);margin-bottom:.5rem}.login-hint code{background:#fff;padding:.2rem .5rem;border-radius:4px;color:var(--link);font-weight:600;font-family:Courier New,monospace}.login-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);font-size:.9rem}.login-footer a{color:var(--link);text-decoration:none;transition:opacity .2s ease;font-weight:500}.login-footer a:hover{opacity:.8;text-decoration:underline}.loading{text-align:center;padding:3rem 1rem;font-size:1.1rem;color:var(--text)}.offline-container{max-width:600px}.offline-icon{animation:pulse 2s ease-in-out infinite!important}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.offline-message{display:flex;flex-direction:column;gap:1.5rem}.message-box{padding:1.5rem;border-radius:12px;border-left:4px solid}.message-box h3{margin:0 0 1rem;font-size:1.1rem;color:var(--primary)}.message-box p{margin:0;line-height:1.6;color:var(--text)}.message-box ul,.message-box ol{margin:.5rem 0 0;padding-left:1.5rem;line-height:1.8;color:var(--text)}.message-box li{margin-bottom:.5rem}.message-box.warning{background:#fff3cd;border-left-color:#ffc107}.message-box.warning h3{color:#856404}.message-box.info{background:#e3f2fd;border-left-color:#2196f3}.message-box.info h3{color:#1565c0}.message-box.steps{background:#f3e5f5;border-left-color:#9c27b0}.message-box.steps h3{color:#6a1b9a}.connection-status{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border-radius:8px;font-weight:600;transition:all .3s ease}.connection-status.offline{background:#ffebee;color:#c62828}.connection-status.online{background:#e8f5e9;color:#2e7d32;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.status-icon{font-size:1.5rem}.status-text{font-size:1rem}@media(min-width:769px){.login-container{padding:3rem 2.5rem}.login-icon{font-size:5rem}.login-header h1{font-size:2rem}.login-header p{font-size:1.1rem}.form-group label{font-size:1rem}.form-group input{padding:1rem;font-size:1.05rem}.login-button{padding:1.125rem;font-size:1.15rem}.info-badge{flex-direction:row}}@media(min-width:481px)and (max-width:768px){.login-container{padding:2.5rem 2rem}.login-icon{font-size:4.5rem}}@media(prefers-reduced-motion:reduce){.login-container,.login-icon{animation:none}}.reset-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--text-gray) 100%);padding:1rem}.reset-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #1229414d;width:100%;max-width:420px;padding:2rem 1.5rem;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reset-header{text-align:center;margin-bottom:2rem}.reset-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 1s ease-in-out}.reset-icon.error{animation:shake .5s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.reset-header h1{font-size:1.75rem;color:var(--primary-dark);margin:0 0 .5rem;font-weight:700}.reset-header p{font-size:1rem;color:var(--text-gray);margin:0}.reset-form{display:flex;flex-direction:column;gap:1.25rem}.reset-form .form-group{display:flex;flex-direction:column;gap:.5rem}.reset-form label{font-size:.95rem;font-weight:600;color:var(--primary-dark)}.reset-form input{padding:.875rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--primary-dark);transition:all .2s;background:#fff}.reset-form input:focus{outline:none;border-color:var(--accent-orange);box-shadow:0 0 0 3px #c87a001a}.reset-form input:disabled{background:var(--bg-light);cursor:not-allowed}.reset-button{padding:1rem;background:linear-gradient(135deg,var(--green) 0%,var(--green-dark) 100%);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4caf504d;margin-top:.5rem}.reset-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.reset-button:active:not(:disabled){transform:translateY(0)}.reset-button:disabled{opacity:.6;cursor:not-allowed}.back-button{width:100%;padding:1rem;background:var(--bg-light);color:var(--primary-dark);border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem}.back-button:hover{background:var(--border-color)}.reset-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.reset-footer .link-button{background:none;border:none;color:var(--accent-orange);font-size:.9rem;cursor:pointer;text-decoration:none;padding:.5rem;transition:opacity .2s ease}.reset-footer .link-button:hover:not(:disabled){opacity:.8;text-decoration:underline}.reset-footer .link-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.reset-container{padding:1.5rem 1rem}.reset-header h1{font-size:1.5rem}.reset-icon{font-size:3rem}}.management-page{padding:2rem;max-width:1400px;margin:0 auto}.page-header{margin-bottom:3rem;text-align:center}.page-header h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:.5rem}.page-header p{color:var(--text-secondary);font-size:1.1rem}.management-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.content-header h2{font-size:1.5rem;color:var(--text-primary);margin:0}.search-bar{display:flex;gap:.5rem;flex:1;max-width:500px}.search-input{flex:1;padding:.75rem 1rem;border:2px solid var(--bg-light);border-radius:8px;font-size:1rem;transition:border-color .3s}.search-input:focus{outline:none;border-color:var(--primary-color)}.search-button{padding:.75rem 1.5rem;background-color:var(--accent-orange);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s}.search-button:hover{background-color:#b06900}.primary-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent-orange) 0%,#d68900 100%);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 6px #c87a0033;white-space:nowrap}.primary-button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #c87a004d}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.item-card{background:#fff;border:2px solid var(--border-color);border-radius:12px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #12294114}.item-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #12294126;border-color:var(--primary)}.item-card.kassenwaage{border-left:4px solid var(--link)}.item-card.kassenwaage:hover{background:var(--bg-light-blue)}.item-card.thekenwaage{border-left:4px solid var(--primary)}.item-card.thekenwaage:hover{background:var(--bg-light-blue)}.item-card.drucker{border-left:4px solid var(--secondary)}.item-card.drucker:hover{background:var(--bg-light-blue)}.device-image{width:100%;height:180px;background:var(--bg-light);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;overflow:hidden}.device-image img{width:100%;height:100%;object-fit:cover}.device-placeholder{font-size:3rem;opacity:.3}.item-image{width:100%;height:120px;background:var(--bg-light);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;overflow:hidden}.item-image img{width:100%;height:100%;object-fit:contain;padding:.5rem}.item-header{margin-bottom:1rem}.item-header h3{font-size:1.35rem;color:var(--primary);margin:0 0 .5rem;font-weight:600}.item-type{display:inline-block;font-size:.95rem;color:var(--text);margin:0}.item-details{margin-bottom:1.5rem;min-height:2.5rem}.item-description{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.4}.item-actions{display:flex;gap:.5rem;justify-content:center}.action-button{flex:1;padding:.5rem 1rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s;background-color:var(--bg-light);color:var(--text-primary);border:1px solid var(--border-color);font-size:.9rem}.action-button:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px)}.action-button.danger:hover{background-color:var(--red-dark);border-color:var(--red-dark)}.action-button.small{padding:.4rem .8rem;font-size:.9rem}.parts-table{overflow-x:auto}.parts-table table{width:100%;border-collapse:collapse}.parts-table th{background-color:var(--primary);color:#fff;padding:1rem;text-align:left;font-weight:600}.parts-table td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.parts-table tr:hover{background-color:var(--bg-light)}.description-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-actions{display:flex;gap:.5rem;justify-content:center}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.empty-state p{font-size:1.1rem}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:var(--text-secondary)}.form-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.form-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.form-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.form-header h3{margin:0;font-size:1.5rem;color:var(--text-primary)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.25rem .5rem;transition:color .3s}.close-btn:hover{color:var(--text-primary)}.form-modal form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid var(--bg-light);border-radius:8px;font-size:1rem;transition:border-color .3s;font-family:inherit;background-color:#fff}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2196f31a}.form-group textarea{resize:vertical;min-height:80px}.device-checkboxes{max-height:200px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;background:var(--bg-light)}.checkbox-label{display:flex;align-items:center;gap:.75rem;padding:.5rem;cursor:pointer;transition:background-color .2s;border-radius:4px}.checkbox-label:hover{background-color:#2196f31a}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.checkbox-label span{color:var(--text-primary)}.no-devices{color:var(--text-secondary);font-style:italic;margin:0}.form-hint{font-size:.85rem;color:var(--text-secondary);margin:.5rem 0 0;font-style:italic}.image-upload{display:flex;flex-direction:column;gap:1rem}.image-preview{position:relative;width:200px;height:200px;border:2px solid var(--bg-light);border-radius:8px;overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:.5rem;right:.5rem;background-color:#f44336e6;color:#fff;border:none;padding:.5rem;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:600;transition:background-color .3s}.remove-image-btn:hover{background-color:#d32f2f}.image-hint{font-size:.85rem;color:var(--text-secondary);margin:0}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid #e0e0e0}.cancel-btn,.submit-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:1rem}.cancel-btn{background-color:var(--bg-light);color:var(--text-primary)}.cancel-btn:hover{background-color:#ddd}.submit-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:0 2px 6px #12294133}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #1229414d}@media(max-width:768px){.management-page{padding:1rem}.content-header{flex-direction:column;align-items:stretch}.search-bar{max-width:100%}.items-grid{grid-template-columns:1fr}.parts-table{font-size:.9rem}.parts-table th,.parts-table td{padding:.75rem .5rem}.description-cell{max-width:150px}}.header-title-section{display:flex;align-items:center;gap:1.5rem}.icon-badge{width:70px;height:70px;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 8px 20px #667eea4d}.toolbar-stats{display:flex;gap:1rem}.stat-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);color:#fff;border-radius:12px;font-weight:600;font-size:.95rem;box-shadow:0 4px 12px #667eea40}.stat-icon{font-size:1.2rem}.search-box{position:relative;flex:1;max-width:500px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#999;pointer-events:none}.search-box .search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .3s;background:#fff}.search-box .search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{color:#666;font-size:1.1rem;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.empty-state p{color:var(--text-secondary);font-size:1rem;margin:0}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.user-card{background:#fff;border-radius:16px;border:2px solid #f0f0f0;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.user-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#667eea}.user-card.current-user{border-color:#4caf50;background:linear-gradient(to bottom,#f1f8f4,#fff)}.user-card-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,var(--bg-light) 0%,var(--surface) 100%);border-bottom:1px solid #f0f0f0}.user-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.user-info{flex:1;min-width:0}.user-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.user-email{font-size:.9rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.permission-section{display:flex;flex-direction:column;gap:.5rem}.name-display{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.name-edit{display:flex;flex-direction:column;gap:.75rem}.name-inputs{display:flex;gap:.5rem;flex-wrap:wrap}.name-input{flex:1;min-width:120px;padding:.6rem .75rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem}.name-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2196f31a}.name-input:disabled{background-color:var(--bg-light);opacity:.7;cursor:not-allowed}.name-actions{display:flex;gap:.5rem;flex-wrap:wrap}.permission-label{font-size:.85rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.permission-badge{display:inline-flex;align-items:center;padding:.75rem 1.25rem;border-radius:10px;font-size:.95rem;font-weight:600;width:fit-content}.user-meta{display:flex;flex-direction:column;gap:.75rem}.meta-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:8px}.meta-icon{font-size:1.2rem}.meta-label{font-size:.85rem;color:#666;min-width:60px}.meta-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.user-card-footer{padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid #f0f0f0;display:flex;gap:.75rem}.user-card-footer .secondary-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:2px solid var(--primary);color:var(--primary);border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s}.user-card-footer .secondary-button:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #12294133}.delete-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:2px solid #ff5252;color:#ff5252;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s}.delete-button:hover{background:#ff5252;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff52524d}.delete-button .button-icon{font-size:1.1rem}.user-edit-info{background:var(--bg-light-blue);border:2px solid var(--blue-light);border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.edit-info-item{display:flex;align-items:center;gap:.75rem}.edit-label{font-weight:600;color:var(--text);min-width:180px}.edit-value{color:var(--text-light);font-size:.95rem}.form-group-full{grid-column:1 / -1}.form-hint{display:block;margin-top:.25rem;font-size:.85rem;color:var(--text-lighter);font-style:italic}@media(max-width:768px){.users-grid{grid-template-columns:1fr}.header-title-section{gap:1rem}.icon-badge{width:50px;height:50px;font-size:1.8rem}.toolbar{flex-direction:column}.search-box{max-width:100%}.user-card-header{padding:1rem}.user-avatar{width:50px;height:50px;font-size:1.2rem}}.badge{display:inline-block;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap}.badge-readonly{background:#e3f2fd;color:#1976d2}.badge-technician{background:#fff3e0;color:#f57c00}.badge-key-technician{background:#f3e5f5;color:#7b1fa2}.badge-admin{background:#ffebee;color:#c62828}.badge-self{background:#e8f5e9;color:#2e7d32;margin-left:.5rem;font-size:.75rem;padding:.25rem .5rem}.permission-select{padding:.5rem .75rem;border:2px solid #ddd;border-radius:6px;font-size:.9rem;font-weight:600;background:#fff;cursor:pointer;transition:all .2s}.permission-select:hover{border-color:var(--link)}.permission-select:focus{outline:none;border-color:var(--link);box-shadow:0 0 0 3px #2196f31a}.permission-select.badge-readonly{background:#e3f2fd;color:#1976d2;border-color:#1976d2}.permission-select.badge-technician{background:#fff3e0;color:#f57c00;border-color:#f57c00}.permission-select.badge-key-technician{background:#f3e5f5;color:#7b1fa2;border-color:#7b1fa2}.permission-select.badge-admin{background:#ffebee;color:#c62828;border-color:#c62828}.create-form-card{background:linear-gradient(135deg,var(--bg-light) 0%,var(--surface) 100%);border:2px solid #667eea;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 12px #667eea26}.create-form-card h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:600;color:#666}.form-group input{padding:.75rem 1rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:var(--bg-light);opacity:.7;cursor:not-allowed}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.secondary-button{padding:.75rem 1.5rem;background:#fff;color:var(--text-primary);border:2px solid #ddd;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.secondary-button:hover{background:#f8f9fa;border-color:#999}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.status-toggle{padding:.75rem 1.25rem;border:2px solid;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;background:#fff}.status-toggle.active{border-color:#4caf50;color:#4caf50}.status-toggle.active:hover{background:#4caf50;color:#fff}.status-toggle.inactive{border-color:#ff5252;color:#ff5252}.status-toggle.inactive:hover{background:#ff5252;color:#fff}.user-card.user-inactive{opacity:.6;border-color:#ff5252}.user-card.user-inactive .user-avatar{background:linear-gradient(135deg,var(--red) 0%,var(--red-dark) 100%)}.badge-inactive{background:#ffebee;color:#c62828;margin-left:.5rem;font-size:.75rem;padding:.25rem .5rem}@media(max-width:768px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.create-form-card{padding:1.5rem}}.edit-btn,.delete-btn{flex:1;padding:.75rem 1.25rem;border:none;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.edit-btn:before,.delete-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.edit-btn:hover:before,.delete-btn:hover:before{width:300px;height:300px}.edit-btn{background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);color:#fff;box-shadow:0 4px 15px #667eea66}.edit-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea80}.edit-btn:active{transform:translateY(-1px);box-shadow:0 3px 10px #667eea66}.delete-btn{background:linear-gradient(135deg,var(--pink) 0%,var(--pink-dark) 100%);color:#fff;box-shadow:0 4px 15px #f5576c66}.delete-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #f5576c80}.delete-btn:active{transform:translateY(-1px);box-shadow:0 3px 10px #f5576c66}.badge{padding:.4rem .9rem;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-block;margin-top:.5rem}.badge-blue{background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);color:#fff;box-shadow:0 2px 8px #667eea4d}.badge-green{background:linear-gradient(135deg,#56ab2f,#a8e063);color:#fff;box-shadow:0 2px 8px #56ab2f4d}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.bulk-actions-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);color:#fff;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 4px 12px #667eea4d}.bulk-selection-count{font-weight:600;font-size:1rem}.bulk-action-buttons{display:flex;gap:.75rem}.btn-bulk{background:#fff;color:#667eea;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-bulk:hover{background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-bulk-cancel{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-bulk-cancel:hover{background:#ffffff4d;border-color:#fff9}.selected-row{background-color:#667eea1a}.bulk-edit-modal{max-width:900px;max-height:90vh;overflow-y:auto}.bulk-edit-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem}.bulk-section{background:#f8f9ff;padding:1rem;border-radius:8px;border:1px solid #e0e7ff}.bulk-section h4{margin-top:0;margin-bottom:1rem;color:#4f46e5;font-size:1rem;font-weight:600}.checkbox-list{max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:4px;transition:background-color .2s}.checkbox-item:hover{background-color:#fff}.checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-item label{flex:1;cursor:pointer;margin:0;font-size:.95rem}.form-actions{grid-column:1 / -1;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:2px solid #e0e7ff}.parts-table th input[type=checkbox],.parts-table td input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin:0}.parts-table th:first-child,.parts-table td:first-child{width:40px;text-align:center}.maintenance-page{padding:2rem 1.5rem}.maintenance-content{display:flex;flex-direction:column;gap:2rem}.maintenance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:0 2px 8px #12294114}.stat-card.warning{border-left:4px solid #ff9800}.stat-value{font-size:1.6rem;font-weight:700;color:var(--primary)}.stat-label{color:var(--text-secondary);font-size:.9rem}.maintenance-filters{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.filter-group{display:flex;flex-wrap:wrap;gap:.75rem}.filter-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-light);cursor:pointer;font-size:.9rem;color:var(--text)}.filter-chip input{margin:0}.filter-chip.active{background:var(--bg-light-blue);border-color:var(--primary)}.filter-search{display:flex;align-items:center;gap:1rem}.filter-search input{flex:1;border:1px solid var(--border-color);border-radius:8px;padding:.55rem .75rem;font-size:.95rem}.filter-count{color:var(--text-secondary);font-size:.9rem}.maintenance-table table{width:100%;border-collapse:collapse}.maintenance-table th,.maintenance-table td{padding:.75rem .8rem;border-bottom:1px solid var(--border-color);text-align:left;font-size:.95rem}.maintenance-table th{background:var(--bg-light);font-weight:600;color:var(--text)}.missing{color:#e53935;font-weight:600}@media(max-width:768px){.maintenance-page{padding:1.5rem 1rem}.filter-search{flex-direction:column;align-items:flex-start}.maintenance-table{overflow-x:auto}}:root{--primary-dark: #122941;--accent-orange: #C87A00;--bg-light: #F1F3F4;--bg-accent: #F0F7FD;--text-dark: #000;--text-gray: #52647C;--primary: #122941;--secondary: #52647C;--bg-light-blue: #F0F7FD;--text: #52647C;--link: #C87A00;--link-hover: #122941;--success-color: #28a745;--success-dark: #2e7d32;--success-light: #e8f5e9;--error-color: #dc3545;--error-dark: #c62828;--error-light: #ffebee;--warning-color: #ffc107;--warning-dark: #856404;--warning-light: #fff3cd;--surface: #ffffff;--border-color: #e0e0e0;--border-light: #f0f0f0;--text-light: #666;--text-lighter: #999;--purple: #667eea;--purple-dark: #764ba2;--blue: #1976d2;--blue-light: #e3f2fd;--orange: #f57c00;--orange-light: #fff3e0;--purple-badge: #7b1fa2;--purple-light: #f3e5f5;--green: #4caf50;--green-dark: #388e3c;--red: #ff5252;--red-dark: #f44336;--pink: #f093fb;--pink-dark: #f5576c;--indigo: #4f46e5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-light);color:var(--text)}code{font-family:Courier New,Courier,monospace;background-color:var(--border-light);padding:2px 6px;border-radius:3px;font-size:.9em}#root{min-height:100vh;display:flex;flex-direction:column}