body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Arial,sans-serif;margin:20px;font-size:1.1em;background-color:#f4f7f9}input,select{margin:8px 0;padding:14px;font-size:1.2em;border-radius:6px;border:1px solid #ccc;width:100%;box-sizing:border-box}button{background-color:var(--color-primary, #10B981);color:#fff;border:none;cursor:pointer;padding:.625rem 1rem;min-height:40px;font-size:.9375rem;font-weight:600;border-radius:.75rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}button:hover{background-color:var(--color-primary-hover, #059669);transform:translateY(-1px)}button.btn-sm{padding:.375rem .75rem;min-height:32px;font-size:.8125rem}button.btn-lg{padding:.75rem 1.5rem;min-height:48px;font-size:1rem}button.btn-block,.btn-block{width:100%;display:flex}.btn-group{display:flex;flex-direction:row;width:auto;margin-left:auto;gap:.5rem}.btn-group button{width:auto}@media (max-width: 768px){button.btn-block,.btn-block{width:100%}.btn-group{flex-direction:column;width:100%;margin-left:0}.btn-group button{width:100%}}table{border-collapse:collapse;margin-top:10px;width:100%}th,td{border:1px solid #ccc;padding:10px 12px;text-align:left;font-size:1.1em}ul{padding-left:0;list-style:none}ul li{padding:12px;font-size:1.1em;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:8px}ul li:hover{background-color:#f0f0f0;cursor:pointer}h1,h2,label{font-size:1.2em}#cart button{all:unset;cursor:pointer;font-size:1.5em;color:var(--color-error, #EF4444);margin-right:8px}#cart button:hover{color:#dc2626}#clearCart{background-color:var(--color-error, #EF4444);width:100%;margin-top:10px}#clearCart:hover{background-color:#dc2626}#downloadPdfBtn{background-color:#6c757d;font-size:.9em;padding:8px 12px;width:auto;margin-top:10px}.button-container{margin-top:20px;display:flex;flex-direction:column;gap:10px}#notification-container{position:fixed;top:20px;right:20px;z-index:1050;display:flex;flex-direction:column;gap:10px}.notification{position:relative;padding:15px 40px 15px 20px;border-radius:8px;color:#fff;font-size:1em;box-shadow:0 4px 8px #00000026;opacity:1;transition:opacity .3s,transform .3s;transform:translate(0)}.notification.closing{opacity:0;transform:translate(100%)}.notification.success{background-color:var(--color-success, #10B981)}.notification.error{background-color:var(--color-error, #EF4444)}.notification.info{background-color:var(--color-info, #3B82F6)}.notification .close-btn{position:absolute;top:50%;right:15px;transform:translateY(-50%);font-size:20px;font-weight:700;color:#fff;background:none;border:none;cursor:pointer;padding:0;line-height:1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:6px;text-align:center}.modal-buttons{margin-top:20px}.modal-buttons button{width:auto;margin:0 10px}#confirmClearCart{background-color:var(--color-error, #EF4444)}@media (max-width: 600px){body{margin:10px}table,th,td{font-size:1em}}.admin-container{max-width:1200px;margin:20px auto;padding:0}.admin-container>h1{padding:0 20px}.admin-container>p{padding:0 20px}.admin-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 2px 4px #0000000d}.admin-section h2,.admin-section h3{margin-top:0;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:20px;color:#333;font-size:1.4em}.form-group{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.form-group input{flex:1 1 200px}.form-group button{flex-shrink:0;width:auto}#admin-content table{width:100%;border-collapse:collapse;margin-top:20px}#admin-content th,#admin-content td{border:none;border-bottom:1px solid #ddd;padding:12px;text-align:left}#admin-content th{background-color:#f8f8f8;font-weight:700}#admin-content tr:hover{background-color:#f1f1f1}#admin-content td button{width:auto;padding:6px 12px;font-size:.9em;margin-right:5px}.del,.del-artikel,.del-association{background-color:var(--color-error, #EF4444)}.del:hover,.del-artikel:hover,.del-association:hover{background-color:#dc2626}.edit,.edit-artikel,.edit-association{background-color:var(--color-info, #3B82F6)}.edit:hover,.edit-artikel:hover,.edit-association:hover{background-color:#2563eb}.tab{overflow:hidden;border-bottom:1px solid #ccc;margin-bottom:20px}.tab button{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:14px 16px;transition:.3s;border-radius:6px 6px 0 0;margin-right:5px;color:#333;width:auto}.tab button:hover{background-color:var(--color-bg-tertiary, #F3F4F6)}.tab button.active{background-color:var(--color-primary, #10B981);color:#fff}.tabcontent{display:none;animation:fadeEffect .5s}@keyframes fadeEffect{0%{opacity:0}to{opacity:1}}.tabcontent.active{display:block}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.grid-item{display:flex;flex-direction:column;gap:10px}.grid-item h3{margin-bottom:0;font-size:1.2em;border:none}.tab button[data-tab=Verktyg].active,.tab button[data-tab=Verktyg]{background-color:#c82333;color:#fff}.tab button[data-tab=Verktyg]:hover{background-color:#a71d2a}.search-input-wrapper{display:flex;gap:5px;align-items:center}.search-input-wrapper input{flex-grow:1}.search-input-wrapper button{width:auto;flex-shrink:0}.table-responsive-wrapper{overflow-x:auto;width:100%}@media (max-width: 768px){.report-table thead,.user-list-table thead,.mottagare-table thead{display:none}.report-table tr,.user-list-table tr,.mottagare-table tr{display:block;margin-bottom:1em;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000001a}.report-table td,.user-list-table td,.mottagare-table td{display:block;text-align:right;border-bottom:1px dotted #ccc;position:relative;padding-left:50%}.user-list-table td,.mottagare-table td{padding-top:8px;padding-bottom:8px}.report-table td:last-child,.user-list-table td:last-child,.mottagare-table td:last-child{border-bottom:0}.report-table td:before,.user-list-table td:before,.mottagare-table td:before{content:attr(data-label);position:absolute;left:10px;font-weight:700;text-align:left;white-space:nowrap}}@media (max-width: 768px){.tab{overflow-x:auto;white-space:nowrap}.tab>div{display:contents}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1050}.modal{background:#fff;padding:25px;border-radius:8px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:500px;text-align:center}.modal h3{margin-top:0;font-size:1.5em;color:#333}.modal p{margin-bottom:15px;color:#555}.confirmation-input{width:100%;padding:12px;margin:10px 0 15px;border:1px solid #ccc;border-radius:5px;font-size:1.2em;text-align:center;letter-spacing:3px}.modal-actions{display:flex;justify-content:center;gap:15px;margin-top:20px}.modal-actions button{width:auto;padding:10px 25px;border:none;border-radius:5px;cursor:pointer;font-size:1em}.modal-actions .confirm-btn{background-color:var(--color-error, #EF4444);color:#fff}.modal-actions .confirm-btn:hover{background-color:#dc2626}.modal-actions .cancel-btn{background-color:var(--color-text-secondary, #6B7280);color:#fff}.modal-actions .cancel-btn:hover{background-color:var(--color-text-primary, #1F2937)}.delete-btn{background-color:var(--color-error, #EF4444);color:#fff;border:none;border-radius:5px;cursor:pointer;padding:5px 10px;font-size:.9em}.delete-btn:hover{background-color:#dc2626}@media (min-width: 768px){.delete-btn{padding:8px 15px;font-size:1em}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.desktop-only{display:none}.mobile-only{display:block}@media (min-width: 769px){.desktop-container{max-width:1800px;margin:0 auto;padding:0 2rem}.cart-actions{display:flex;gap:.75rem;margin:10px 0}.cart-actions button{padding:.5rem 1rem;font-size:.875rem;border-radius:6px;width:auto}.desktop-only{display:block}.mobile-only{display:none}.report-tools{display:flex;justify-content:flex-start;gap:.5rem;margin-top:.5rem}.report-tools .btn,.report-tools button{padding:.4rem .8rem;font-size:.8rem}.info-row{display:flex;gap:1rem}.info-field{flex:1}input,select,button{padding:10px;font-size:1rem}button{width:auto}}.view-help{display:flex;justify-content:flex-end;margin-bottom:8px}.view-help .help-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:16px;background:#f1f3f5;color:#0d6efd;text-decoration:none}.view-help .help-icon:hover{background:#e9ecef}.tabs-container{display:flex;align-items:center;gap:8px;border-bottom:1px solid #ccc;margin-bottom:12px}.tabs-container .tabs{display:flex;gap:6px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex:1 1 auto}.tabs-container .tabs button{float:none;display:inline-block;flex:0 0 auto;background-color:inherit;border:none;outline:none;cursor:pointer;padding:10px 12px;transition:.2s;border-radius:6px 6px 0 0;color:#333;width:auto}.tabs-container .tabs button:hover{background-color:var(--color-bg-tertiary, #F3F4F6)}.tabs-container .tabs button.active{background-color:var(--color-primary, #10B981);color:#fff}.tabs-container .tabs-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.tabs-actions .theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:16px;background:#f1f3f5;color:#0d6efd;border:none;cursor:pointer}.tabs-actions .theme-toggle:hover{background:#e9ecef}.search-results-list{list-style:none;padding:0;margin:8px 0 0;max-height:300px;overflow-y:auto;border:1px solid #ccc;border-radius:6px;background:#fff;box-shadow:0 4px 8px #0000001a}.search-results-list li{padding:12px;cursor:pointer;border-bottom:1px solid #eee;display:block;transition:background-color .2s}.search-results-list li:last-child{border-bottom:none}.search-results-list li:hover{background-color:#f0f8ff}.modal-content.large{max-width:1200px;width:95%;max-height:95vh;overflow-y:auto}.modal-content.large .modal-body{max-height:calc(95vh - 150px);overflow-y:auto}.sats-edit-modal{font-size:14px;display:flex;flex-direction:column;max-height:95vh;height:90vh;overflow:hidden}.sats-modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0;margin-bottom:.5rem}.sats-modal-header h3{margin:0;font-size:1.1rem}.modal-close-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;color:#666;border-radius:4px;transition:all .2s}.modal-close-btn:hover{background:#f0f0f0;color:#333}.sats-top-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.sats-top-fields .form-group{margin-bottom:0}.sats-top-fields .form-group label{font-size:12px;font-weight:500;margin-bottom:.2rem;display:block;color:#555}.sats-top-fields .form-group input{width:100%;padding:.4rem .6rem;font-size:14px;border:1px solid #ccc;border-radius:4px}.sats-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex:1;min-height:400px;overflow:hidden}.sats-column{display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fafafa}.sats-column-header{padding:.5rem .75rem;background:#f0f0f0;border-bottom:1px solid #e0e0e0}.sats-column-header h4{margin:0;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.4rem}.sats-column-header .article-count{margin-left:auto;background:#007bff;color:#fff;padding:.125rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.sats-search-input{padding:.6rem .75rem;border-bottom:1px solid #e0e0e0;background:#fff}.sats-search-input input{width:100%;padding:.5rem .75rem;font-size:14px;border:1px solid #ccc;border-radius:5px}.sats-search-input input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff26}.search-hint{display:block;margin-top:.3rem;color:#777;font-size:11px}.sats-search-results{flex:1;overflow-y:auto;min-height:300px;max-height:500px;background:#fff}.empty-search,.empty-articles{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;height:auto;color:#888;text-align:center;padding:1.5rem}.empty-search i,.empty-articles i{font-size:2rem;margin-bottom:.5rem;opacity:.5}.empty-search p,.empty-articles p{margin:0;font-size:.85rem}.empty-articles small{margin-top:.25rem;font-size:.75rem;opacity:.7}.sats-search-results .search-results-list{list-style:none;margin:0;padding:0}.sats-search-results .search-results-list li{border-bottom:1px solid #eee;transition:background .15s}.sats-search-results .search-results-list li:last-child{border-bottom:none}.sats-search-results .search-results-list li.expanded{background:#f8f9fa}.sats-search-results .result-row{display:flex;align-items:center;padding:.75rem 1rem;gap:.75rem}.sats-search-results .result-row:hover{background:#e8f4ff}.sats-search-results li.expanded .result-row{background:#e8f4ff;border-bottom:1px solid #ddd}.result-artnr{font-family:monospace;font-size:.9rem;color:#555;min-width:75px;font-weight:500}.result-name{flex:1;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:.2rem;border-radius:4px;font-size:.9rem;transition:all .15s;flex-shrink:0}.info-btn:hover{color:#007bff;background:#007bff1a}.add-btn{background:none;border:none;color:#28a745;cursor:pointer;padding:.2rem .4rem;border-radius:4px;font-size:1rem;transition:all .15s;flex-shrink:0}.add-btn:hover{background:#28a74526;transform:scale(1.1)}.result-details{padding:1rem 1.25rem;background:#f0f4f8;font-size:.9rem;border-top:1px solid #ddd}.result-details .detail-row{display:flex;flex-wrap:wrap;margin-bottom:.6rem;line-height:1.5;gap:.5rem}.result-details .detail-label{color:#555;font-weight:600;min-width:140px;flex-shrink:0;font-size:.85rem}.result-details .detail-value{color:#222;flex:1;min-width:150px;word-break:break-word}.result-details .add-from-details{margin-top:1rem;font-size:.85rem;padding:.5rem 1rem}.sats-articles-list{flex:1;overflow-y:auto;min-height:300px;max-height:500px;background:#fff}.sats-articles-table{width:100%;border-collapse:collapse;font-size:13px}.sats-articles-table thead{position:sticky;top:0;background:#f8f8f8;z-index:1}.sats-articles-table th{text-align:left;padding:.5rem .75rem;font-weight:600;font-size:.75rem;text-transform:uppercase;color:#666;border-bottom:1px solid #ddd}.sats-articles-table td{padding:.5rem .75rem;border-bottom:1px solid #eee;vertical-align:middle}.sats-articles-table .artnr{font-family:monospace;font-size:.85rem;color:#666}.sats-articles-table .name{font-size:.9rem}.sats-articles-table .quantity input{width:60px;padding:.25rem .5rem;text-align:center;border:1px solid #ccc;border-radius:4px;font-size:13px}.sats-articles-table .remove{width:40px;text-align:center}.remove-btn{background:none;border:none;color:#dc3545;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .15s}.remove-btn:hover{background:#fee}.sats-edit-modal .modal-footer{padding-top:.75rem;margin-top:.5rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:.5rem}body.dark .sats-modal-header{border-color:#444}body.dark .modal-close-btn{color:#aaa}body.dark .modal-close-btn:hover{background:#333;color:#fff}body.dark .sats-column{border-color:#444;background:#1a1a1a}body.dark .sats-column-header{background:#252525;border-color:#444}body.dark .sats-search-input{background:#1e1e1e;border-color:#444}body.dark .sats-search-input input,body.dark .sats-top-fields .form-group input{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark .sats-search-results,body.dark .sats-articles-list{background:#1e1e1e}body.dark .sats-search-results .search-results-list li{border-color:#333}body.dark .sats-search-results .search-results-list li.expanded{background:#252525}body.dark .sats-search-results .result-row:hover,body.dark .sats-search-results li.expanded .result-row{background:#2a3a4a}body.dark .info-btn{color:#888}body.dark .info-btn:hover{color:#5da9ff;background:#5da9ff26}body.dark .result-details{background:#1a2530;border-color:#3a4a5a}body.dark .result-details .detail-label{color:#9ab}body.dark .result-details .detail-value{color:#e8e8e8}body.dark .sats-articles-table thead{background:#252525}body.dark .sats-articles-table th{border-color:#444;color:#aaa}body.dark .sats-articles-table td{border-color:#333}body.dark .sats-articles-table .quantity input{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark .sats-edit-modal .modal-footer{border-color:#444}@media (max-width: 900px){.sats-edit-modal{height:auto;max-height:95vh}.sats-top-fields{grid-template-columns:1fr}.sats-columns{grid-template-columns:1fr;min-height:auto}.sats-column{min-height:250px}.sats-search-results,.sats-articles-list{min-height:200px;max-height:300px}}.modal-overlay .modal-content{transform:none!important}.modal-overlay .modal-content:before{display:none!important}.modal-overlay .modal-content:hover{box-shadow:0 4px 8px #00000026!important;transform:none!important}body.dark{background-color:#121212;color:#e0e0e0}body.dark input,body.dark select,body.dark textarea{background-color:#1e1e1e;color:#e0e0e0;border-color:#444}body.dark ul li{border-bottom-color:#333}body.dark ul li:hover,body.dark table{background-color:#1a1a1a}body.dark th,body.dark td{border-color:#333;color:#e0e0e0;background-color:inherit}body.dark #admin-content th{background-color:#222}body.dark #admin-content tr:hover{background-color:#1f1f1f}body.dark .admin-section{background-color:#1a1a1a;border-color:#333;box-shadow:none}body.dark .modal{background:#1e1e1e;color:#e0e0e0}body.dark .modal-content{background-color:#1e1e1e}body.dark .tabs-container{border-bottom-color:#333}body.dark .tabs-container .tabs button{color:#e0e0e0}body.dark .tabs-container .tabs button:hover{background-color:#2a2a2a}body.dark .tabs-container .tabs button.active{background-color:var(--color-primary, #10B981)}body.dark .view-help .help-icon,body.dark .tabs-actions .theme-toggle{background:#2a2a2a;color:#9ec5fe}body.dark .view-help .help-icon:hover,body.dark .tabs-actions .theme-toggle:hover{background:#333}body.dark .tabs-container{background:#1a1a1af2;border-bottom-color:#333}body.dark .search-input-wrapper{background:#1e1e1e;border-color:#444}body.dark #cart{background:#1a1a1a;border-color:#333}body.dark #cart li{background:#1a1a1a;border-bottom-color:#333}body.dark #cart li:hover{background-color:#2a2a2a}body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6{color:#e0e0e0}body.dark #cart li>span:first-child{color:#e0e0e0}body.dark .search-results-list{background:#1e1e1e;border-color:#444}body.dark .search-results-list li{border-bottom-color:#333;color:#e0e0e0}body.dark .search-results-list li:hover{background-color:#2a2a2a}.spinner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#09f;animation:spin 1s ease infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.update-notification{position:fixed;top:20px;right:20px;z-index:9999;animation:slideIn .3s ease-out}.update-notification-content{background:#0d6efd;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px}.update-notification-content i{font-size:1.2rem}.update-notification-content span{font-weight:500}.update-notification-content button{margin-left:8px;font-weight:600}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}