@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.language-switcher{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-md);background:var(--background-secondary);transition:background var(--transition-fast)}.language-switcher:hover{background:var(--background-tertiary)}.language-icon{color:var(--text-secondary);flex-shrink:0}.language-select{background:transparent;border:none;color:var(--text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;outline:none;padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.language-select:hover{background:var(--background-tertiary)}.language-select:focus{background:var(--background-tertiary)}.language-select option{background:var(--background-primary);color:var(--text-primary)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--space-xl);background:#fff;position:relative;width:100vw}.login-language-switcher{position:absolute;top:var(--space-xl);right:var(--space-xl);z-index:100}.login-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-50) 0%,var(--accent-50) 100%);z-index:0}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%{transform:translate(-10px,-10px) rotate(0)}to{transform:translate(-10px,-10px) rotate(360deg)}}.login-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d;padding:var(--space-5xl);width:100%;max-width:450px;position:relative;z-index:10}.login-header{text-align:center;margin-bottom:var(--space-4xl);position:relative;z-index:1}.login-logo{height:56px;width:auto;max-width:220px;object-fit:contain;margin:0 auto var(--space-2xl) auto;display:block}.login-header h1{color:var(--text-primary);font-size:var(--text-4xl);font-weight:700;margin:0 0 var(--space-lg) 0;letter-spacing:-.025em}.login-header p{color:var(--text-secondary);margin:0;font-size:var(--text-lg);font-weight:400}.login-form{margin-bottom:var(--space-3xl);position:relative;z-index:1}.login-container .form-group{margin-bottom:var(--space-xl);position:relative}.login-container .form-group label{display:block;margin-bottom:var(--space-sm);color:var(--text-primary);font-weight:500;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}.login-container .form-group input{width:100%;padding:var(--space-lg) var(--space-xl);background:var(--secondary-50);border:1px solid var(--border);border-radius:var(--radius-xl);font-size:var(--text-base);color:var(--text-primary);transition:all var(--transition-fast);box-sizing:border-box;font-weight:400}.login-container .form-group input::placeholder{color:var(--text-muted)}.login-container .form-group input:focus{outline:none;border-color:var(--primary-500);background:#fff;box-shadow:0 0 0 3px var(--primary-100);transform:translateY(-1px)}.login-button{width:100%;background:linear-gradient(135deg,#fff3,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-inverse);border:1px solid rgba(255,255,255,.3);padding:var(--space-lg);border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.05em}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.login-button:hover:not(:disabled):before{left:100%}.login-button:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#ffffff40,#ffffff26);border-color:#fff6;box-shadow:0 8px 25px #00000026,0 0 0 1px #ffffff1a}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-button:disabled:before{display:none}.button-wrapper{display:flex;justify-content:center;align-items:center;margin-top:var(--space-lg)}.button-wrapper button{min-width:200px;max-width:300px}.login-container .error-message{background:#f4433626;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#ffcdd2;padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);font-size:var(--text-sm);border:1px solid rgba(244,67,54,.3);font-weight:500;animation:slideDown var(--transition-normal) ease-out}.demo-credentials{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--space-2xl);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.2);margin-bottom:var(--space-2xl);position:relative;z-index:1}.demo-credentials h3{margin:0 0 var(--space-lg) 0;color:var(--text-inverse);font-size:var(--text-base);font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.demo-credentials p{margin:var(--space-sm) 0;color:#fffc;font-size:var(--text-sm);font-family:var(--font-mono);background:#0003;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1)}.demo-credentials strong{color:var(--text-inverse);font-weight:600}.admin-note{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.admin-note p{margin:0;color:#ffffffb3;font-style:italic;font-size:var(--text-sm);text-align:center;line-height:var(--leading-relaxed)}@media (max-width: 768px){.login-container{padding:var(--space-lg)}.login-card{padding:var(--space-3xl);max-width:100%}.login-header h1{font-size:var(--text-3xl)}.login-header p{font-size:var(--text-base)}.login-container .form-group input{padding:var(--space-md) var(--space-lg)}.login-button{padding:var(--space-md)}.demo-credentials{padding:var(--space-xl)}}@media (max-width: 480px){.login-container{padding:var(--space-md)}.login-card{padding:var(--space-2xl);border-radius:var(--radius-2xl)}.login-header{margin-bottom:var(--space-3xl)}.login-header h1{font-size:var(--text-2xl)}.form-group{margin-bottom:var(--space-lg)}.demo-credentials{padding:var(--space-lg)}.demo-credentials p{font-size:var(--text-xs)}}@media (prefers-color-scheme: dark){.login-header h1{color:var(--text-secondary)}.login-card{background:#0f172af2;border-color:#ffffff1a}.login-container .form-group label{color:var(--secondary-100)}.login-container .form-group input{background:#1e293b80;border-color:#ffffff26;color:var(--secondary-100)}.login-container .form-group input::placeholder{color:var(--secondary-400)}.login-container .form-group input:focus{background:#1e293bcc;border-color:var(--primary-400);box-shadow:0 0 0 3px #22c55e33}}@media (prefers-reduced-motion: reduce){.login-container,.login-container:after,.login-card,.login-button:before{animation:none}.login-button:hover:not(:disabled),.login-container .form-group input:focus{transform:none}}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background:var(--primary-700)}.btn-success:hover:not(:disabled){background:var(--success-700)}.btn-warning:hover:not(:disabled){background:var(--warning-700)}.btn-danger:hover:not(:disabled){background:var(--error-700)}.btn-info{background:#0dcaf0;color:#fff}.btn-info:hover:not(:disabled){background:#0aa2c0}.btn-secondary:hover:not(:disabled){background:var(--secondary-200);border-color:var(--border-hover)}.btn-md{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);min-height:36px}.action-buttons{display:flex;gap:var(--space-sm);justify-content:flex-start;align-items:center;flex-wrap:wrap}.actions-cell{width:auto;min-width:150px}.action-buttons.center{justify-content:center}.action-buttons.end{justify-content:flex-end}.modal-backdrop{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:fadeIn .3s ease-out;overflow-y:auto}.modal-content{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:0 20px 40px #00000040;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;animation:scaleIn .3s ease-out;position:relative;margin:auto}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl) var(--space-3xl);border-bottom:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-shrink:0}.modal-header-content{display:flex;align-items:center;gap:var(--space-md);flex:1}.modal-title-icon{color:var(--text-primary);flex-shrink:0}.modal-title{margin:0;font-size:var(--text-2xl);color:var(--text-primary);font-weight:700;line-height:1.2}.modal-close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px}.modal-close-button:hover{background:var(--surface-hover);color:var(--text-primary)}.modal-close-button:focus{outline:2px solid var(--primary-500);outline-offset:2px}.modal-subtitle{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-3xl);border-bottom:1px solid var(--border);background:var(--surface-secondary);flex-shrink:0}.modal-subtitle-icon{color:var(--text-secondary);flex-shrink:0}.modal-subtitle-text{margin:0;font-size:var(--text-lg);color:var(--text-secondary);font-weight:600;line-height:1.2}.modal-body{padding:var(--space-3xl);overflow-y:auto;flex:1;min-height:0}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-md);padding:var(--space-xl) var(--space-3xl);border-top:1px solid var(--border);background:var(--surface);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-shrink:0}@media (max-width: 768px){.modal-backdrop{padding:var(--space-md)}.modal-content{width:95%;max-height:95vh}.modal-header{padding:var(--space-lg) var(--space-xl)}.modal-title{font-size:var(--text-xl)}.modal-subtitle{padding:var(--space-md) var(--space-xl)}.modal-body{padding:var(--space-xl)}.modal-footer{flex-direction:column-reverse;padding:var(--space-lg) var(--space-xl)}.modal-footer .btn{width:100%}}@media (max-width: 480px){.modal-content{width:100%;height:100%;max-height:100vh;border-radius:0;margin:0}.modal-header{padding:var(--space-md) var(--space-lg);border-radius:0}.modal-subtitle{padding:var(--space-md) var(--space-lg)}.modal-body{padding:var(--space-lg)}.modal-footer{padding:var(--space-md) var(--space-lg)}}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--surface-hover)}.modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.form{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.form-compact{gap:var(--space-md)}.form-spacious{gap:var(--space-2xl)}.form-section{display:flex;flex-direction:column;gap:var(--space-lg)}.form-section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.form-section-icon{color:var(--text-secondary);flex-shrink:0}.form-section-title{margin:0;font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.form-section-content{display:flex;flex-direction:column;gap:var(--space-lg)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);width:100%}.form-group{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.form-group-full-width{grid-column:1 / -1}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);display:block;margin-bottom:var(--space-xs)}.form-label-required .form-required-indicator{color:var(--error-600);font-weight:600}.form-input-wrapper{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--secondary-300);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;color:var(--text-primary);background-color:#fff;transition:all var(--transition-fast);box-sizing:border-box}.form-input:hover:not(:disabled),.form-textarea:hover:not(:disabled),.form-select:hover:not(:disabled){border-color:var(--secondary-400)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background-color:var(--surface-hover);color:var(--text-muted);cursor:not-allowed;opacity:.6}.form-input-sm,.form-textarea-sm,.form-select-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);min-height:32px}.form-input-md,.form-textarea-md,.form-select-md{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);min-height:40px}.form-input-lg,.form-textarea-lg,.form-select-lg{padding:var(--space-md) var(--space-lg);font-size:var(--text-base);min-height:48px}.form-textarea{resize:vertical;min-height:80px;line-height:var(--line-height-base)}.form-textarea-sm{min-height:60px}.form-textarea-lg{min-height:120px}.form-select{cursor:pointer;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:auto}.form-select:hover:not(:disabled){border-color:var(--secondary-400)}.form-input[type=date]{padding-right:calc(var(--space-md) * 2.5);cursor:pointer}.form-input[type=number]::-webkit-outer-spin-button,.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]{-moz-appearance:textfield;appearance:textfield}.form-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;width:20px;height:20px;padding:var(--space-xs);margin-right:var(--space-xs);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.form-input[type=date]::-webkit-calendar-picker-indicator:hover{background-color:var(--primary-50)}.form-input[type=date]::-moz-calendar-picker-indicator{cursor:pointer;opacity:1;width:20px;height:20px;padding:var(--space-xs);margin-right:var(--space-xs);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px;border-radius:var(--radius-sm)}.form-input-error,.form-textarea.form-input-error,.form-select.form-input-error{border-color:var(--error-500);box-shadow:0 0 0 3px var(--error-100)}.form-input-error:focus,.form-textarea.form-input-error:focus,.form-select.form-input-error:focus{border-color:var(--error-600);box-shadow:0 0 0 3px var(--error-100)}.form-error-message{font-size:var(--text-xs);color:var(--error-600);margin-top:var(--space-xs);display:block}.transport-mode-group{display:grid;grid-template-columns:1fr;gap:var(--space-sm);margin-bottom:var(--space-md)}.transport-mode-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--secondary-300);border-radius:var(--radius-md);background:#fff;cursor:pointer;transition:all var(--transition-fast)}.transport-mode-option:hover{border-color:var(--primary-300);background:var(--primary-50)}.transport-mode-option.transport-mode-option-active{border-color:var(--primary-500);background:var(--primary-100)}.transport-mode-option input[type=radio]{margin:0}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:var(--space-md)}.form-section{gap:var(--space-md)}}.checkbox-wrapper{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:400}.checkbox-wrapper.disabled{cursor:not-allowed;opacity:.6}.checkbox-container{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin:0;padding:0;vertical-align:middle}.checkbox-input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0;cursor:pointer}.checkbox-container:before{content:"";display:block;width:20px;height:20px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:all var(--transition-fast);cursor:pointer;position:absolute;top:0;left:0}.checkbox-wrapper .checkbox-input:checked~.checkbox-container:before{background:var(--success-500);border-color:var(--success-500)}.checkbox-wrapper .checkbox-input:focus~.checkbox-container:before{outline:2px solid var(--primary-200);outline-offset:2px}.checkbox-wrapper .checkbox-input:hover:not(:disabled)~.checkbox-container:before{border-color:var(--primary-400)}.checkbox-wrapper .checkbox-input:checked:hover:not(:disabled)~.checkbox-container:before{background:var(--success-600);border-color:var(--success-600)}.checkbox-wrapper .checkbox-input:disabled~.checkbox-container:before{background:var(--surface-hover);border-color:var(--border);cursor:not-allowed;opacity:.6}.checkbox-checkmark{position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:none;color:#fff;z-index:1}.checkbox-label-text{font-size:var(--text-sm);color:var(--text-primary);font-weight:500;line-height:1.5;margin:0;padding:0;display:inline-block;vertical-align:middle}.checkbox-label-uppercase{text-transform:uppercase;letter-spacing:.5px;margin-left:10px}.checkbox-wrapper.disabled .checkbox-label-text{color:var(--text-secondary)}@media (max-width: 768px){.checkbox-container:before{width:18px;height:18px}.checkbox-checkmark{width:18px;height:18px}.checkbox-checkmark svg{width:12px;height:12px}}.view-content{display:flex;flex-direction:column;gap:var(--space-2xl);width:100%}.view-section{display:flex;flex-direction:column;gap:var(--space-lg)}.view-section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.view-section-icon{color:var(--text-secondary);flex-shrink:0}.view-section-title{margin:0;color:var(--text-primary);font-size:var(--text-lg);font-weight:600;padding-bottom:var(--space-xs);border-bottom:1px solid var(--border)}.view-section-content{display:flex;flex-direction:column;gap:var(--space-lg)}.view-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);width:100%}.view-item{display:flex;flex-direction:column;gap:var(--space-xs)}.view-item-full-width{grid-column:1 / -1}.view-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--space-xs)}.view-label-icon{flex-shrink:0;color:var(--text-secondary)}.view-value{font-size:var(--text-sm);color:var(--text-primary);padding:var(--space-xs) 0;line-height:var(--line-height-base);word-wrap:break-word}.status-badge{display:inline-block;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:var(--warning-100);color:var(--warning-700)}.status-completed{background:var(--success-100);color:var(--success-700)}.status-draft{background:var(--secondary-100);color:var(--text-secondary)}@media (max-width: 768px){.view-grid{grid-template-columns:1fr;gap:var(--space-md)}.view-content{gap:var(--space-xl)}.view-section{gap:var(--space-md)}}.table-container{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000d;border:1px solid var(--border);overflow-x:auto;overflow-y:auto;margin:0 var(--space-2xl);-webkit-overflow-scrolling:touch;max-width:100%;min-width:0;display:block}.data-table{width:100%;min-width:100%;border-collapse:collapse;font-size:var(--text-sm);table-layout:auto}.data-table th{background:var(--primary-500);color:var(--text-inverse);padding:var(--space-lg) var(--space-md);text-align:left;font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.data-table th.sortable{cursor:pointer;transition:background var(--transition-fast)}.data-table th.sortable:hover{background:var(--primary-600)}.data-table th .th-content{display:flex;align-items:center;gap:var(--space-xs);justify-content:space-between}.data-table th .sort-icon{flex-shrink:0;transition:all var(--transition-fast);opacity:.4}.data-table th .sort-icon.active{opacity:1;color:var(--warning-200)}.data-table th.sortable:hover .sort-icon.inactive{opacity:.7}.data-table td{padding:var(--space-lg) var(--space-md);border-bottom:1px solid var(--border);vertical-align:top;color:var(--text-primary)}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--surface-hover)}.data-table tbody tr.inactive-row{opacity:.6;background-color:var(--surface-hover)}.data-table .no-data{text-align:center;padding:var(--space-3xl);color:var(--text-secondary);font-style:italic}@media (min-width: 480px){.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (min-width: 480px) and (max-width: 1600px){.table-container{margin:0 var(--space-lg)}}@media (max-width: 768px){.table-container{margin:0 var(--space-md)}.data-table{min-width:600px}.data-table th,.data-table td{padding:var(--space-md) var(--space-sm);font-size:var(--text-xs)}}.table-wrapper{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;width:100%;display:block}.page-container{padding:0;width:100%;max-width:100%;box-sizing:border-box;background:#fff;min-height:100vh}.page-header{margin-bottom:var(--space-3xl);padding:var(--space-lg) 0;border-bottom:1px solid var(--border)}.page-header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg)}.page-header-title-wrapper{display:flex;align-items:flex-start;gap:var(--space-md);flex:1}.page-header-icon{color:var(--text-primary);flex-shrink:0;margin-top:.2em}.page-header-title{margin:0;color:var(--text-primary);font-size:var(--text-3xl);font-weight:700;line-height:1.2}.page-header-subtitle{margin:var(--space-xs) 0 0 0;color:var(--text-secondary);font-size:var(--text-base);font-weight:400;line-height:1.5}.page-header-actions{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}@media (max-width: 768px){.page-header-content{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.page-header-actions{width:100%;justify-content:flex-start}.page-header-title{font-size:var(--text-2xl)}}.loader{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%}.loader-icon{animation:spin 1s linear infinite;color:var(--primary-600)}.loader-message{margin:0;color:var(--text-secondary);font-size:var(--text-base);text-align:center}.search-container{flex:1}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-secondary);pointer-events:none;z-index:1}.search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);transition:border-color var(--transition-fast);background:var(--surface);color:var(--text-primary)}.search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #22c55e1a}.search-input::placeholder{color:var(--text-tertiary)}@media (max-width: 768px){.search-container{max-width:100%!important}}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:24px;gap:16px;flex-wrap:wrap}.pagination-info{font-size:var(--text-sm);color:var(--text-secondary)}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;border:1px solid var(--border);background:#fff;color:var(--text-primary);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-500);color:var(--primary-700)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;gap:4px}.pagination-page{min-width:36px;height:36px;padding:0 8px;border:1px solid var(--border);background:#fff;color:var(--text-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.pagination-page:hover{background:var(--primary-50);border-color:var(--primary-500);color:var(--primary-700)}.pagination-page.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.page-size-selector{display:flex;align-items:center;gap:8px;font-size:var(--text-sm)}.page-size-selector label{color:var(--text-secondary)}.page-size-selector .page-size-select{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);background:#fff;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.page-size-selector .page-size-select:focus{outline:none;border-color:var(--primary-500)}.page-size-selector .page-size-select:hover{border-color:var(--primary-500)}.page-size-selector span{color:var(--text-secondary)}@media (max-width: 768px){.pagination-container{flex-direction:column;align-items:stretch}.pagination-info{text-align:center;order:3}.pagination-controls{order:1;justify-content:center;flex-wrap:wrap}.page-size-selector{order:2;justify-content:center}}.summary{display:flex;justify-content:flex-start;align-items:center;gap:24px;padding:16px;background:var(--background-secondary);border-radius:var(--radius-md);margin-top:24px;flex-wrap:wrap}.summary-item{font-size:var(--text-sm);color:var(--text-secondary)}.summary-item strong{color:var(--text-primary);margin-right:8px;font-weight:600}@media (max-width: 768px){.summary{flex-direction:column;align-items:flex-start;gap:12px}}.error-message{background:var(--error-50);color:var(--error-700);padding:12px 16px;border-radius:var(--radius-md);margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--error-200);gap:12px}.error-message-text{flex:1;font-weight:500}.error-message-close{background:none;border:none;color:var(--error-700);cursor:pointer;padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);flex-shrink:0}.error-message-close:hover{background:var(--error-100)}.error-message-close:focus{outline:2px solid var(--error-500);outline-offset:2px}.filters-control{display:flex;gap:16px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.filters-control-extra{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filters-control.filters-control-fluid{align-items:stretch;flex-wrap:wrap}.filters-control.filters-control-fluid .search-container{flex:0 1 18rem;min-width:14rem;max-width:280px!important}.filters-control.filters-control-fluid .search-input-wrapper{min-height:42px}.filters-control.filters-control-fluid .search-input{min-height:42px;height:42px}.filters-control.filters-control-fluid .filters-control-extra{flex:0 1 auto;min-width:0;align-items:stretch;flex-wrap:wrap}.filters-control.filters-control-fluid .filters-control-extra>*{flex:0 1 12rem;min-width:11rem;max-width:220px}.filters-control.filters-control-fluid .form-input,.filters-control.filters-control-fluid .form-select,.filters-control.filters-control-fluid .pm-filter-select,.filters-control.filters-control-fluid .pm-filter-date-trigger,.filters-control.filters-control-fluid .filter-select,.filters-control.filters-control-fluid select{min-height:42px;height:42px}.filters-control.filters-control-fluid .form-select,.filters-control.filters-control-fluid .filter-select,.filters-control.filters-control-fluid select{line-height:42px;padding-top:0;padding-bottom:0}@media (min-width: 992px){.filters-control{flex-wrap:nowrap}.filters-control-extra{flex-wrap:nowrap;flex-shrink:0}.filters-control.filters-control-fluid .search-container{flex:0 1 18rem;min-width:12rem;max-width:280px!important}.filters-control.filters-control-fluid .filters-control-extra{flex:0 1 auto;flex-wrap:wrap}.filters-control.filters-control-fluid .filters-control-extra>*{flex:0 1 12rem;min-width:11rem;max-width:220px}}@media (min-width: 1280px){.filters-control.filters-control-fluid .filters-control-extra{flex-wrap:nowrap}}@media (max-width: 768px){.filters-control{flex-direction:column;align-items:stretch;gap:12px}.filters-control-extra{width:100%;justify-content:flex-start}.filters-control.filters-control-fluid .search-container,.filters-control.filters-control-fluid .filters-control-extra,.filters-control.filters-control-fluid .filters-control-extra>*{min-width:100%;flex-basis:100%}}.stat-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--border);box-shadow:0 4px 12px #0000000d;display:flex;align-items:center;gap:var(--space-lg);transition:all var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.stat-card-clickable{cursor:pointer}.stat-card-clickable:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.stat-card-active{border-color:var(--primary-500);box-shadow:0 0 0 1px var(--primary-500),0 8px 20px #0000001a}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--primary-100);color:var(--primary-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-number{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1.2}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;line-height:1.4}.stat-description{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-xs);font-style:italic;line-height:1.4}.stat-card-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;border-color:var(--primary-600)}.stat-card-primary .stat-icon{background:#fff3;color:#fff}.stat-card-primary .stat-number{color:#fff}.stat-card-primary .stat-label{color:#ffffffe6}.stat-card-primary .stat-description{color:#fffc}.stat-card-warning{border-left:4px solid var(--warning-500);background:linear-gradient(135deg,var(--warning-50) 0%,var(--surface) 100%)}.stat-card-warning .stat-icon{background:var(--warning-100);color:var(--warning-600)}.stat-card-error{border-left:4px solid var(--error-500);background:linear-gradient(135deg,var(--error-50) 0%,var(--surface) 100%)}.stat-card-error .stat-icon{background:var(--error-100);color:var(--error-600)}@media (max-width: 768px){.stat-card{padding:var(--space-lg);gap:var(--space-md)}.stat-icon{width:40px;height:40px}.stat-number{font-size:var(--text-xl)}.stat-label{font-size:var(--text-xs)}}.statistics-container{display:grid;margin-bottom:var(--space-3xl);padding:0 var(--space-2xl);min-width:0}@media (max-width: 768px){.statistics-container{grid-template-columns:1fr!important;padding:0;gap:var(--space-md)!important}}.dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto;margin-top:4px;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:1px solid var(--border);transition:background-color var(--transition-fast)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--surface-hover)}.dropdown-item-name{font-weight:500;color:var(--text-primary);font-size:var(--text-sm);margin-bottom:2px}.dropdown-item-detail{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.dropdown-item-create{background-color:var(--primary-50)}.dropdown-item-create:hover{background-color:var(--primary-100)}.dropdown-item-create .dropdown-item-name{color:var(--primary-700);font-weight:600}.dropdown-item-empty{cursor:default;color:var(--text-secondary)}.dropdown-item-empty:hover{background-color:transparent}.dropdown-item-empty .dropdown-item-name{font-weight:400;font-style:italic}@media (max-width: 768px){.dropdown-menu{max-height:150px}.dropdown-item{padding:var(--space-xs) var(--space-sm)}}.notification-bell-container{position:relative}.notification-bell-button{position:relative;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s;display:flex;align-items:center;justify-content:center;color:#374151}.notification-bell-button:hover{background-color:#f3f4f6;color:#111827}.notification-bell-button.disconnected{opacity:.6}.reconnecting-indicator{display:inline-flex;align-items:center;justify-content:center;margin-right:8px}.spinner{width:16px;height:16px;animation:rotate 1s linear infinite}.spinner-circle{fill:none;stroke:var(--primary-color, #2563eb);stroke-width:3;stroke-linecap:round;stroke-dasharray:50;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;transform-origin:center}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:2px 5px;border-radius:10px;min-width:18px;text-align:center}.connection-indicator{position:absolute;bottom:6px;right:6px;width:8px;height:8px;border-radius:50%;border:2px solid #1a1a1a}.connection-indicator.offline{background-color:#ef4444;animation:pulse 2s infinite}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:600px;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;z-index:1000;overflow:hidden}.notification-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background-color:#f9fafb}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.notification-header-actions{display:flex;gap:8px}.notification-action-button{background:transparent!important;border:none!important;cursor:pointer;padding:6px!important;border-radius:6px!important;display:flex;align-items:center;justify-content:center;transition:background-color .2s;color:#6b7280!important;min-width:auto!important}.notification-action-button:hover{background-color:#e5e7eb!important;color:#111827!important}.notification-list{overflow-y:auto;max-height:500px}.notification-empty{padding:60px 20px;text-align:center;color:#9ca3af}.notification-empty svg{margin:0 auto 16px;opacity:.5}.notification-empty p{margin:0;font-size:14px}.notification-item{padding:16px 20px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer;transition:background-color .2s;position:relative}.notification-item:hover{background-color:#f9fafb}.notification-item.unread{background-color:#eff6ff}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#3b82f6}.notification-content{display:flex;gap:12px;flex:1}.notification-icon-wrapper{flex-shrink:0}.notification-icon{width:20px;height:20px}.notification-icon.success{color:#10b981}.notification-icon.warning{color:#f59e0b}.notification-icon.error{color:#ef4444}.notification-icon.info{color:#3b82f6}.notification-text{flex:1;min-width:0}.notification-title{font-weight:600;font-size:14px;color:#111827;margin-bottom:4px}.notification-message{font-size:13px;color:#6b7280;line-height:1.4;margin-bottom:4px;word-wrap:break-word}.notification-timestamp{font-size:12px;color:#9ca3af}.notification-remove{background:transparent!important;border:none!important;cursor:pointer;padding:4px!important;border-radius:4px!important;display:flex;align-items:center;justify-content:center;color:#9ca3af!important;transition:all .2s;flex-shrink:0;min-width:auto!important}.notification-remove:hover{background-color:#fee2e2!important;color:#ef4444!important}.notification-footer{padding:12px 20px;border-top:1px solid #e5e7eb;display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.notification-footer.warning{background-color:#fef3c7;color:#92400e}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f3f4f6}.notification-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 770px){.notification-bell-container{position:static}.notification-dropdown{position:fixed;top:60px;left:50%;transform:translate(-50%);width:calc(100vw - 32px);max-width:400px;right:auto;z-index:9999}.notification-list{max-height:calc(100vh - 200px)}}@media (max-width: 768px){.notification-dropdown{width:calc(100vw - 32px);max-width:380px}}.sidebar{position:fixed;top:0;left:0;height:100vh;background:#fff;color:var(--text-primary);transition:width .3s ease;z-index:1000;box-shadow:2px 0 10px #0000001a;border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar.expanded{width:280px}.sidebar.collapsed{width:70px}.sidebar-header{padding:20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--space-sm);min-height:60px}.sidebar.expanded .sidebar-header{justify-content:flex-start}.sidebar.collapsed .sidebar-header{flex-direction:column;justify-content:center;padding:20px 10px;gap:var(--space-md)}.sidebar-toggle{background:none;border:none;color:var(--text-primary);font-size:1.2rem;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease;flex-shrink:0;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background-color:var(--surface-hover)}.sidebar-logo-container{display:flex;align-items:center;justify-content:center;flex:1}.sidebar-logo{height:44px;width:auto;max-width:180px;object-fit:contain;flex-shrink:0}.sidebar-logo-collapsed{height:40px;width:auto;object-fit:contain;flex-shrink:0;display:block;margin:0 auto}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu-item{margin-bottom:5px}.sidebar-menu-button{width:100%;background:none;border:none;color:var(--text-primary);padding:15px 20px;text-align:left;cursor:pointer;display:flex;align-items:center;transition:all .2s ease;border-radius:0;position:relative}.sidebar.collapsed .sidebar-menu-button{justify-content:center;padding:15px}.sidebar-menu-button:hover{background-color:var(--surface-hover)}.sidebar-menu-button.active{background-color:var(--primary-50);border-right:4px solid var(--primary-500);color:var(--primary-600)}.sidebar-menu-button.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--primary-500)}.sidebar-icon{font-size:1.5rem;margin-right:15px;flex-shrink:0;width:24px;text-align:center}.sidebar.collapsed .sidebar-icon{margin-right:0}.sidebar-label{font-size:1rem;font-weight:500;white-space:nowrap;overflow:hidden}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.2);margin-top:auto}.sidebar-user-info{display:flex;align-items:center;justify-content:center}.user-role-badge{background-color:#fff3;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:500;text-align:center}@media (max-width: 1600px){.sidebar{display:none}}@media (max-width: 768px){.sidebar.expanded{width:100%;position:fixed;z-index:9999;left:0;top:0;height:100vh}.sidebar.expanded:after{content:"";position:fixed;inset:0;background:#00000080;z-index:-1}.sidebar.collapsed{width:0;overflow:hidden;position:fixed;left:-100%;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-100%)}.sidebar.collapsed .sidebar-title,.sidebar.collapsed .sidebar-label{display:none}.sidebar-toggle{position:fixed;top:20px;left:20px;z-index:10000;background:var(--primary-600);color:#fff;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md)}.sidebar-header{padding:15px}.sidebar-title{font-size:1.1rem}.sidebar-menu-button{padding:12px 15px}.sidebar-icon{font-size:1.3rem;margin-right:12px}}@media (max-width: 480px){.sidebar.collapsed{width:0;left:-100%}.sidebar-header{padding:10px}.sidebar-title{font-size:1rem}.sidebar-menu-button{padding:10px}.sidebar-icon{font-size:1.2rem;margin-right:10px}.sidebar.collapsed .sidebar-menu-button{padding:8px;justify-content:center}.sidebar.collapsed .sidebar-icon{margin-right:0}.sidebar-toggle{position:fixed;top:20px;left:20px;z-index:10000;background:var(--primary-600);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md)}}.sidebar-menu-button,.sidebar-toggle,.sidebar{transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .sidebar-menu-button{position:relative}.sidebar.collapsed .sidebar-menu-button:hover:after{content:attr(title);position:absolute;left:70px;top:50%;transform:translateY(-50%);background-color:#000c;color:#fff;padding:8px 12px;border-radius:6px;font-size:.9rem;white-space:nowrap;z-index:1001;opacity:0;animation:tooltipFadeIn .2s ease forwards}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;animation:fadeIn .2s ease-out;pointer-events:all}.mobile-menu{position:fixed;top:0;left:0;height:100vh;width:280px;background:#fff;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;z-index:9999;animation:slideInLeft .3s ease-out;overflow-y:auto}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-header{padding:20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;position:relative;min-height:60px}.mobile-menu-logo{height:36px;width:auto;max-width:140px;object-fit:contain}.mobile-menu-header .mobile-menu-close{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.mobile-menu-close{background:none;border:none;color:var(--text-primary);font-size:1.2rem;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.mobile-menu-close:hover{background-color:var(--surface-hover)}.mobile-menu-nav{flex:1;padding:20px 0;overflow-y:auto}.mobile-menu-list{list-style:none;padding:0;margin:0}.mobile-menu-item{margin-bottom:5px}.mobile-menu-button{width:100%;background:none;border:none;color:var(--text-primary);padding:15px 20px;text-align:left;cursor:pointer;display:flex;align-items:center;transition:all .2s ease;border-radius:0;position:relative}.mobile-menu-button:hover{background-color:var(--surface-hover)}.mobile-menu-button.active{background-color:var(--primary-50);border-right:4px solid var(--primary-500);color:var(--primary-600)}.mobile-menu-button.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--primary-500)}.mobile-menu-icon{margin-right:15px;flex-shrink:0;width:24px;text-align:center}.mobile-menu-label{font-size:1rem;font-weight:500;white-space:nowrap}.mobile-menu-footer{padding:20px;border-top:1px solid var(--border);margin-top:auto;display:flex;flex-direction:column;gap:var(--space-md)}.mobile-menu-user-info{display:flex;align-items:center;justify-content:center}.user-role-badge{background-color:var(--primary-100);color:var(--primary-800);padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:500;text-align:center}@media (min-width: 1600px){.mobile-menu-overlay,.mobile-menu{display:none}}.user-management-container{padding:0;min-height:100%;background:#fff}.user-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl);padding:var(--space-3xl);background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000d;border:1px solid var(--border)}.tab-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);margin-bottom:-2px}.tab-button:hover{color:var(--text-primary);background:var(--surface-hover)}.tab-button.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.tab-button svg{transition:transform var(--transition-fast)}.tab-button:hover svg{transform:scale(1.1)}.header-left h1{margin:0 0 var(--space-sm) 0;color:var(--text-primary);font-size:var(--text-3xl);font-weight:700}.header-left p{margin:0;color:var(--text-secondary);font-size:var(--text-lg)}.header-right{display:flex;align-items:center}.user-management-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 30px}.search-container{position:relative;flex:1;max-width:400px}.search-input{width:100%;padding:12px 16px 12px 45px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#999;font-size:1.1rem}.users-count{display:flex;align-items:center;gap:8px;color:#666;font-weight:500}.count-badge{background:#667eea;color:#fff;padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.users-table-container{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000d;border:1px solid var(--border);overflow:hidden;margin:0}.users-table{width:100%;border-collapse:collapse;font-size:.95rem}.users-table thead{background:var(--primary-500);color:var(--text-inverse)}.users-table th{padding:var(--space-lg) var(--space-md);text-align:left;font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px}.users-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.users-table tbody tr:hover{background-color:var(--surface-hover)}.users-table td{padding:var(--space-lg) var(--space-md);vertical-align:middle}.avatar-cell{width:60px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.user-name{display:flex;flex-direction:column}.full-name{font-weight:600;color:#333;margin-bottom:2px}.user-id{font-size:.8rem;color:#999}.username{font-family:monospace;background:#f8f9fa;padding:4px 8px;border-radius:4px;color:#495057}.email{color:#666}.role-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-admin{background:#dc3545;color:#fff}.role-manager{background:#fd7e14;color:#fff}.role-user{background:#28a745;color:#fff}.role-default{background:#6c757d;color:#fff}.last-login{color:#666;font-size:.9rem}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#f8d7da;color:#721c24}background: #f3e5f5; } .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#dc3545}.error-icon{font-size:3rem;margin-bottom:20px}.retry-button{background:#dc3545;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:600;margin-top:20px;transition:background-color .2s ease}.retry-button:hover{background:#c82333}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state h3{margin:0 0 10px;color:#333}.empty-state p{margin:0 0 20px;text-align:center;max-width:400px}@media (max-width: 1600px){.users-table th,.users-table td{padding:12px 8px}.user-management-controls{padding:0 20px}.users-table-container{margin:0 20px}.user-management-header{padding:20px}}@media (max-width: 768px){.user-management-header{flex-direction:column;gap:20px;align-items:stretch;padding:20px}.header-right{justify-content:center}.user-management-controls{flex-direction:column;gap:15px;align-items:stretch;padding:0 15px}.search-container{max-width:none}.users-table-container{margin:0 15px;overflow-x:auto}.users-table{min-width:800px}.users-table th,.users-table td{padding:10px 6px;font-size:.85rem}.user-avatar{width:35px;height:35px;font-size:.8rem}.action-buttons{gap:4px}.action-button{padding:6px;font-size:1rem}}@media (max-width: 480px){.user-management-header{padding:15px}.header-left h1{font-size:1.5rem}.header-left p{font-size:1rem}.users-table-container{margin:0 10px}.user-management-controls{padding:0 10px}}.btn-success{background:var(--success-600);color:var(--text-inverse);border:1px solid var(--success-600)}.btn-success:hover{background:var(--success-700);border-color:var(--success-700)}.roles-container{padding:0 var(--space-3xl)}.roles-table-container{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000d;border:1px solid var(--border);overflow:hidden;margin:0}.roles-table{width:100%;border-collapse:collapse;font-size:.95rem}.roles-table thead{background:var(--primary-500);color:var(--text-inverse)}.roles-table th{padding:var(--space-lg) var(--space-md);text-align:left;font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px}.roles-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.roles-table tbody tr:hover{background-color:var(--surface-hover)}.roles-table td{padding:var(--space-lg) var(--space-md);vertical-align:middle}.role-name-cell .role-badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-base);padding:var(--space-sm) var(--space-md)}.role-description-cell{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--line-height-relaxed)}.permissions-count-cell{text-align:center}.permission-badge{display:inline-block;background:var(--primary-100);color:var(--primary-700);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500}.users-count-cell{text-align:center;color:var(--text-secondary);font-weight:500}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 16px;border-radius:8px;margin-bottom:20px;border:1px solid #f5c6cb;font-weight:500}.material-name-cell{min-width:200px}.material-name{font-weight:600;color:#333;margin-bottom:4px}.material-description{font-size:.85rem;color:#666;font-style:italic}.color-indicator{display:flex;align-items:center;gap:8px}.color-dot{width:16px;height:16px;border-radius:50%;border:2px solid #dee2e6;flex-shrink:0}.quantity-cell{min-width:120px}.quantity-value{font-weight:600;color:#333}.low-stock-indicator{font-size:.8rem;color:#dc3545;font-weight:600;margin-top:4px}.value-cell{font-weight:600;color:#28a745}.status-cell{min-width:100px}.status-badge{padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.no-materials{text-align:center;padding:40px 20px;color:#666;font-style:italic}@media (max-width: 1600px){.inventory-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:20px}.stat-number{font-size:1.6rem}}@media (max-width: 768px){.inventory-stats{grid-template-columns:1fr}.inventory-controls{flex-direction:column;gap:12px}.search-container,.filter-container{min-width:auto}.pagination-container{flex-direction:column;align-items:stretch}.pagination-info{text-align:center;order:3}.pagination-controls{order:1;justify-content:center;flex-wrap:wrap}.page-size-selector{order:2;justify-content:center}.filter-buttons{flex-direction:column}.filter-btn{width:100%}.action-buttons{flex-direction:column;gap:4px}.action-button{width:32px;height:32px;font-size:1rem}}@media (max-width: 480px){.stat-card{padding:16px;flex-direction:column;text-align:center;gap:12px}.stat-icon{font-size:2rem}.stat-number{font-size:1.4rem}.material-name{font-size:.9rem}.material-description{font-size:.8rem}.quantity-value{font-size:.9rem}.status-badge{font-size:.8rem;padding:3px 8px}}.export-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--surface, #fff);color:var(--text-primary, #333);border:1px solid var(--border-color, #d1d5db);border-radius:var(--radius-md, 8px);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.export-btn:hover{background:var(--surface-hover, #f3f4f6);border-color:var(--primary-500, #16a34a);color:var(--primary-600, #15803d)}.export-btn:disabled{opacity:.6;cursor:not-allowed}.export-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--surface, #fff);border:1px solid var(--border-color, #d1d5db);border-radius:var(--radius-md, 8px);box-shadow:0 4px 12px #0000001f;z-index:50;min-width:170px;overflow:hidden}.export-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;font-size:14px;color:var(--text-primary, #333);cursor:pointer;transition:background .12s ease}.export-menu-item:hover{background:var(--surface-hover, #f3f4f6)}.export-menu-item:first-child{border-bottom:1px solid var(--border-color, #e5e7eb)}.pm-filter{position:relative;min-width:180px}.pm-filter-select{height:42px;font-size:var(--text-sm);color:var(--text-primary);border-color:var(--secondary-300);background-color:#fff}.pm-filter-select:focus{border-color:var(--primary-500)}.pm-filter-autocomplete .form-input-wrapper{width:100%}.pm-filter-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:16px;line-height:1}.pm-filter-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:240px;overflow-y:auto;z-index:20}.pm-filter-option{width:100%;text-align:left;border:none;background:transparent;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.pm-filter-option:hover,.pm-filter-option.selected{background:var(--primary-50)}.pm-filter-option-label{color:var(--text-primary);font-size:var(--text-sm)}.pm-filter-option-secondary{color:var(--text-secondary);font-size:var(--text-xs)}.pm-filter-date-trigger{width:100%;min-height:42px;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);background:var(--surface);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;font-size:var(--text-sm);line-height:1.2;cursor:pointer}.pm-filter-date-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-filter-date-chevron{color:var(--text-secondary);font-size:12px;line-height:1;flex-shrink:0}.pm-filter-date-trigger:focus,.pm-filter-date-trigger:hover{border-color:var(--primary-400)}.pm-filter-date-popover{position:absolute;top:calc(100% + 6px);right:0;width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:12px;display:grid;grid-template-columns:1.1fr 1fr;gap:12px;z-index:30}.pm-filter-date-custom-range{display:flex;flex-direction:column;gap:10px}.pm-filter-date-label{display:flex;flex-direction:column;gap:6px;font-size:var(--text-sm);color:var(--text-secondary)}.pm-filter-date-label input{border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 10px;font-size:var(--text-sm);background:var(--surface);color:var(--text-primary)}.pm-filter-date-presets{display:flex;flex-direction:column;gap:4px}.pm-filter-date-preset{border:none;border-radius:var(--radius-md);background:transparent;text-align:left;padding:8px 10px;color:var(--text-secondary);cursor:pointer}.pm-filter-date-preset:hover,.pm-filter-date-preset.active{background:var(--primary-50);color:var(--primary-700)}.pm-filter-date-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border-light);padding-top:10px}.pm-filter-date-cancel,.pm-filter-date-apply{border:none;border-radius:var(--radius-md);padding:8px 12px;cursor:pointer;font-size:var(--text-sm)}.pm-filter-date-cancel{background:var(--surface-secondary);color:var(--text-secondary)}.pm-filter-date-apply{background:var(--primary-600);color:var(--text-inverse)}@media (max-width: 900px){.pm-filter-date-popover{width:min(92vw,420px);right:auto;left:0;grid-template-columns:1fr}}.tab-navigation{display:flex;gap:var(--space-sm);margin-bottom:var(--space-3xl);padding:0 var(--space-3xl);border-bottom:2px solid var(--border)}.product-name-cell{min-width:200px}.product-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.product-description{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}.category-badge{background:var(--primary-100);color:var(--primary-700);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.materials-cell{min-width:180px}.materials-list{display:flex;flex-direction:column;gap:4px}.material-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.material-name{font-weight:500;color:var(--text-primary);max-width:100px;text-overflow:ellipsis;white-space:wrap}.material-quantity{color:#666;font-size:.8rem}.material-quantity.insufficient{color:#dc2626;font-weight:600}.materials-more{color:#666;font-size:.8rem;font-style:italic}.price-cell{font-weight:600;color:#333}.cost-cell{font-weight:500;color:#666}.profit-cell{font-weight:600}.profit-cell.positive{color:#28a745}.profit-cell.negative{color:#dc3545}.time-cell{color:#666;font-weight:500}.status-cell{min-width:120px}.status-badges{display:flex;flex-direction:column;gap:4px}.status-badge{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center}.status-active{background-color:#d4edda;color:#155724}.status-inactive{background-color:#f8d7da;color:#721c24}.status-draft{background-color:#e2e8f0;color:#475569}.status-planned{background-color:#dbeafe;color:#1e40af}.status-in-progress{background-color:#fef3c7;color:#92400e}.status-completed{background-color:#d1fae5;color:#065f46}.status-cancelled{background-color:#fee2e2;color:#991b1b}.production-badge{padding:3px 6px;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;text-align:center}.can-produce{background-color:#d1ecf1;color:#0c5460}.cannot-produce{background-color:#fff3cd;color:#856404}.produce-button:hover:not(.disabled){background-color:#e8f5e8}.produce-button.disabled{opacity:.4;cursor:not-allowed}.no-products{text-align:center;padding:40px 20px;color:#666;font-style:italic}.recyclable-container{padding:var(--space-3xl)}.recyclable-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl);text-align:center;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);min-height:400px}.recyclable-container .empty-state .empty-icon{color:var(--primary-400);margin-bottom:var(--space-lg)}.recyclable-container .empty-state h3{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:var(--text-2xl);font-weight:600}.recyclable-container .empty-state p{margin:0 0 var(--space-sm) 0;color:var(--text-secondary);font-size:var(--text-base)}.recyclable-container .empty-state .empty-description{color:var(--text-tertiary);font-style:italic}@media (max-width: 768px){.action-buttons{flex-direction:column;gap:4px}.action-button{width:32px;height:32px;font-size:1rem}}@media (max-width: 480px){.product-name{font-size:.9rem}.product-description,.material-item{font-size:.8rem}.category-badge,.status-badge,.production-badge{font-size:.75rem;padding:3px 6px}}@media print{.actions-cell{display:none}}.acquisition-stats{--stat-card-min-width: 140px}.acquisition-stat-card{cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.acquisition-stat-card:hover{opacity:.9}.acquisition-stat-card:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.acquisition-stat-card .stat-card{height:100%}.acquisition-stat-card.active{box-shadow:0 0 0 2px var(--primary-500);border-radius:var(--radius-lg)}.acquisition-stat-card.active .stat-card{background:var(--primary-50);border-color:var(--primary-300)}.acquisition-stat-card.active .stat-icon{background:var(--primary-100);color:var(--primary-600)}.acquisition-stat-card.active .stat-number,.acquisition-stat-card.active .stat-label{color:var(--text-primary)}.acquisition-stat-card.active .stat-label{color:var(--text-secondary)}.acquisition-filters-control .filters-control-extra .pm-filter{min-width:0}.acquisition-filters-control .search-input,.acquisition-filters-control .filters-control-extra .form-input,.acquisition-filters-control .filters-control-extra .form-select,.acquisition-filters-control .filters-control-extra .pm-filter-date-trigger{min-height:42px}.acquisition-filters-control .pm-filter-select{height:42px;min-height:42px;line-height:42px;padding-top:0;padding-bottom:0;color:var(--text-primary);font-weight:500;background-color:#fff}.acquisition-title .title{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.acquisition-title .description{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}.type-badge{background:var(--primary-100);color:var(--primary-700);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-draft{background:var(--warning-100);color:var(--warning-700)}.status-pickedup{background:#e3f2fd;color:#1976d2;font-weight:500}.status-received{background:var(--success-100);color:var(--success-700)}.status-processing{background:#e8f4f8;color:#0077b6;font-weight:500}.status-cancelled{background:var(--error-100);color:var(--error-700)}.supplier-info .supplier-name{font-weight:500;color:var(--text-primary)}.supplier-info .supplier-contact{font-size:var(--text-sm);color:var(--text-secondary)}.items-info .items-count{font-weight:500;color:var(--text-primary)}.items-info .total-quantity{font-size:var(--text-sm);color:var(--text-secondary)}.cost-info .estimated-cost{font-weight:600;color:var(--text-primary)}.cost-info .actual-cost{font-size:var(--text-sm);color:var(--text-secondary)}.date-info .created-date{font-weight:500;color:var(--text-primary)}.date-info .created-by{font-size:var(--text-sm);color:var(--text-secondary)}.receive-button{background:var(--success-100);color:var(--success-600)}.receive-button:hover{background:var(--success-200);color:var(--success-700)}.pickup-button{background:#e3f2fd;color:#1976d2}.pickup-button:hover{background:#bbdefb;color:#0d47a1}.process-button{background:var(--warning-100);color:var(--warning-700)}.process-button:hover{background:var(--warning-200);color:var(--warning-800)}.empty-state{text-align:center;padding:var(--space-4xl)}.empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);color:var(--text-secondary)}.empty-content h3{margin:0;color:var(--text-primary);font-size:var(--text-xl)}.empty-content p{margin:0;font-size:var(--text-base)}.empty-add-button{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--primary-600);color:var(--text-inverse);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.empty-add-button:hover{background:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.acquisition-filters-control .search-container{width:100%;min-width:0;max-width:100%;flex:1 1 auto}.action-buttons{flex-direction:column;gap:var(--space-xs)}}@media (max-width: 455px){.acquisition-page .page-header{margin-bottom:var(--space-lg);padding:var(--space-md) 0}.acquisition-page .acquisition-stats{--stat-card-min-width: 130px}.acquisition-page .acquisition-filters-control{width:100%}.acquisition-page .acquisition-filters-control .filters-control{gap:10px;margin-bottom:12px}.acquisition-page .acquisition-filters-control .filters-control-extra{width:100%;gap:10px}.acquisition-page .acquisition-filters-control .search-container,.acquisition-page .acquisition-filters-control .filters-control-extra>*,.acquisition-page .acquisition-filters-control .filters-control-extra .pm-filter{width:100%;min-width:0;max-width:100%!important}.acquisition-page .acquisition-filters-control .filters-control-extra .form-input,.acquisition-page .acquisition-filters-control .filters-control-extra .form-select,.acquisition-page .acquisition-filters-control .filters-control-extra .pm-filter-date-trigger{width:100%}.acquisition-page .table-container{border-radius:var(--radius-md)}}.due-date-info{display:flex;flex-direction:column;gap:var(--space-xs)}.due-date{font-weight:500;color:var(--text-primary);font-size:var(--text-sm)}.no-due-date{color:var(--text-muted);font-style:italic;font-size:var(--text-sm)}.status-bar-column,.status-bar-cell{width:8px;padding:0!important;border-right:none!important}.status-bar{width:8px;height:100%;border-radius:0 4px 4px 0;transition:all .2s ease}.status-bar.status-green{background:linear-gradient(135deg,#10b981,#059669)}.status-bar.status-yellow{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-bar.status-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.status-bar.status-completed{background:linear-gradient(135deg,#6b7280,#4b5563)}.data-table tbody tr:hover .status-bar{transform:scaleX(1.2);box-shadow:0 0 8px #00000026}.filter-buttons{display:flex;gap:var(--space-sm);background:var(--surface-secondary);padding:var(--space-xs);border-radius:var(--radius-md)}.filter-btn{padding:var(--space-sm) var(--space-md);border:1px solid transparent;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-btn:hover{background:var(--surface);color:var(--text-primary)}.filter-btn.active{background:var(--primary-600);color:var(--text-inverse);border-color:var(--primary-600)}.orders-stats{--stat-card-min-width: 140px;min-width:0}@media (min-width: 1600px){.orders-stats{--stat-card-min-width: 120px}}.orders-stat-card{cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.orders-stat-card:hover{opacity:.9}.orders-stat-card:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.orders-stat-card .stat-card{height:100%}.orders-stat-card.active{box-shadow:0 0 0 2px var(--primary-500);border-radius:var(--radius-lg)}.orders-stat-card.active .stat-card{background:var(--primary-50);border-color:var(--primary-300)}.orders-stat-card.active .stat-icon{background:var(--primary-100);color:var(--primary-600)}.orders-stat-card.active .stat-number,.orders-stat-card.active .stat-label{color:var(--text-primary)}.orders-stat-card.active .stat-label{color:var(--text-secondary)}.client-name{font-weight:600;color:var(--text-primary);margin-bottom:2px}.client-location{font-size:.85rem;color:#666}.contact-info{font-size:.9rem;color:var(--text-secondary);margin-bottom:2px}.transport-info{font-size:.9rem}.transport-phone{font-size:.85rem;color:#666;margin-top:2px}.currency-cell{font-weight:600;color:var(--primary-600)}.items-list-cell{cursor:default;max-width:200px}.items-list-compact{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.items-list-cell .item-badge{display:inline-block;padding:4px 8px;background:var(--primary-50);color:var(--primary-700);border-radius:6px;font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.items-list-cell .item-more{padding:4px 8px;background:var(--text-secondary);color:#fff;border-radius:6px;font-size:.75rem;font-weight:600}.order-row-overdue{background-color:#fff8e6!important;border-left:4px solid #f59e0b}.order-row-overdue td{background-color:inherit}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-draft{background:#e9ecef;color:#495057}.status-ready-for-transport{background:#cff4fc;color:#0c4a6e}.status-pending{background:#fff3cd;color:#856404}.status-processing{background:#cfe2ff;color:#084298}.status-shipped{background:#cff4fc;color:#055160}.status-delivered{background:#d1e7dd;color:#0f5132}.status-cancelled{background:#f8d7da;color:#842029}.delete-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-modal{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:500px;width:90%}.delete-modal h2{margin:0 0 16px;color:var(--text-primary);font-size:1.5rem}.delete-modal p{margin:0 0 24px;color:var(--text-secondary)}.delete-modal-actions{display:flex;gap:12px;justify-content:flex-end}@media (max-width: 768px){.orders-controls{flex-direction:column;align-items:stretch}.search-container{min-width:auto}.pagination-container{flex-direction:column;align-items:stretch}.pagination-info{text-align:center;order:3}.pagination-controls{order:1;justify-content:center;flex-wrap:wrap}.page-size-selector{order:2;justify-content:center}.action-buttons{flex-direction:column;gap:var(--space-xs)}}.transport-sheet-preview-modal .modal-content{max-width:1200px;width:95vw;max-height:92vh;display:flex;flex-direction:column}.transport-sheet-preview-modal .modal-body{flex:1;min-height:0;max-height:calc(92vh - 180px);overflow:auto}.transport-sheet-preview-content{padding:0}.transport-sheet-report-header{display:grid;grid-template-columns:160px 1fr 160px;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-600);gap:1rem}.transport-sheet-report-title{font-size:1.35rem;font-weight:700;color:var(--primary-600);margin:0;text-align:center}.transport-sheet-report-logo{flex-shrink:0}.transport-sheet-report-logo .company-logo-img{max-height:56px;max-width:160px;object-fit:contain;display:block}.transport-sheet-report-spacer{width:160px}.transport-sheet-preview-date{font-size:1rem;color:var(--text-secondary);margin:0 0 1rem;font-weight:500}.transport-sheet-preview-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.transport-sheet-preview-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.transport-sheet-preview-table th,.transport-sheet-preview-table td{border:1px solid var(--border);padding:.5rem .75rem;text-align:left;white-space:nowrap}.transport-sheet-preview-table th{background:var(--background-secondary);font-weight:600;color:var(--text-primary)}.transport-sheet-preview-table td:nth-child(1){width:2.5rem;text-align:right}.transport-sheet-preview-table td:nth-child(6){text-align:right;white-space:nowrap}.transport-sheet-preview-table td:nth-child(2),.transport-sheet-preview-table td:nth-child(3){white-space:normal;min-width:120px}.transport-sheet-preview-footer{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.transport-sheet-preview-footer .btn{display:inline-flex;align-items:center;gap:.5rem}.transport-sheet-preview-error{color:var(--text-secondary);text-align:center;padding:2rem}.transport-sheet-empty-rows{text-align:center;padding:1.5rem!important;color:var(--text-secondary);font-style:italic}.transport-name{font-weight:600;color:var(--primary-600)}.transports-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--border)}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);margin-bottom:-2px}.tab-button:hover{color:var(--text-primary);background:var(--background-secondary)}.tab-button.active{color:var(--primary-600);border-bottom-color:var(--primary-600);font-weight:600}.record-type-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.record-type-badge.acquisition{background:var(--primary-100);color:var(--primary-700)}.record-type-badge.order{background:var(--success-100);color:var(--success-700)}.related-entity{display:flex;flex-direction:column;gap:4px}.related-entity strong{color:var(--text-primary);font-size:var(--text-sm)}.entity-name{color:var(--text-secondary);font-size:var(--text-xs)}.status-badge{display:inline-block;padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;background:var(--background-secondary);color:var(--text-primary)}.client-name{font-weight:600;color:var(--primary-600)}.client-contact-person{font-size:var(--text-xs);color:var(--text-secondary);margin-top:4px}.supplier-name{font-weight:600;color:var(--primary-600)}.supplier-description{font-size:var(--text-xs);color:var(--text-secondary);margin-top:4px;font-style:italic}.supplier-contact-person{font-size:var(--text-xs);color:var(--text-secondary);margin-top:4px}.contact-info{display:flex;flex-direction:column;gap:4px}.contact-item{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:var(--text-xs)}.no-contact{color:var(--text-tertiary);font-style:italic}.location-info{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:var(--text-xs)}.currency-cell{font-weight:600;color:var(--success-600)}.status-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background:var(--success-100);color:var(--success-700)}.status-inactive{background:var(--error-100);color:var(--error-700)}.no-data{text-align:center;padding:48px!important;color:var(--text-secondary);font-style:italic}.email-config-container{padding:0;width:100%}.email-config-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.email-config-groups{display:flex;flex-direction:column;gap:24px}.email-config-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.email-config-group-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--surface-secondary, #f8f9fa);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s}.email-config-group-header:hover{background:var(--primary-50, #f0fdf4)}.email-config-group-title{display:flex;align-items:center;gap:10px}.email-config-group-title h3{margin:0;font-size:var(--text-lg, 1.125rem);font-weight:600;color:var(--text-primary)}.email-config-group-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs, .75rem);padding:2px 8px;border-radius:var(--radius-full, 999px);background:var(--primary-100, #dcfce7);color:var(--primary-700, #15803d);font-weight:500}.email-config-chevron{color:var(--text-secondary);transition:transform .2s;flex-shrink:0}.email-config-chevron.open{transform:rotate(180deg)}.email-config-group-body{padding:0}.email-config-table{width:100%;border-collapse:collapse}.email-config-table th{text-align:left;padding:10px 20px;font-size:var(--text-sm, .875rem);font-weight:600;color:var(--text-secondary);background:var(--surface-secondary, #f8f9fa);border-bottom:1px solid var(--border)}.email-config-table td{padding:12px 20px;font-size:var(--text-sm, .875rem);color:var(--text-primary);border-bottom:1px solid var(--border-light, #f0f0f0);vertical-align:middle}.email-config-table tr:last-child td{border-bottom:none}.email-config-table tr:hover td{background:var(--primary-50, #f0fdf4)}.email-config-action-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-md, 6px);font-size:var(--text-xs, .75rem);font-weight:600;background:var(--secondary-100, #f1f5f9);color:var(--text-primary)}.email-config-recipient{display:flex;flex-direction:column;gap:2px}.email-config-recipient-type{font-weight:500}.email-config-recipient-role{font-size:var(--text-xs, .75rem);color:var(--text-secondary)}.email-config-condition{font-size:var(--text-xs, .75rem);color:var(--text-secondary);font-style:italic}.email-config-row-actions{display:flex;align-items:center;justify-content:center;gap:4px}.email-config-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:var(--radius-md, 6px);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color .15s,color .15s}.email-config-icon-btn:hover{background:var(--secondary-100, #f1f5f9);color:var(--text-primary)}.email-config-icon-btn.edit:hover{background:var(--primary-50, #f0fdf4);color:var(--primary-600, #16a34a)}.email-config-icon-btn.danger:hover{background:#fef2f2;color:#dc2626}.email-config-delete-confirm{display:flex;align-items:center;gap:2px}.email-config-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.email-config-toggle input{opacity:0;width:0;height:0}.email-config-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.2s;border-radius:24px}.email-config-toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}.email-config-toggle input:checked+.email-config-toggle-slider{background-color:var(--primary-500, #22c55e)}.email-config-toggle input:checked+.email-config-toggle-slider:before{transform:translate(20px)}.email-config-toggle.disabled{opacity:.5;pointer-events:none}.email-config-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.email-config-modal{background:var(--surface, #fff);border-radius:var(--radius-lg, 12px);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026}.email-config-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.email-config-modal-header h2{margin:0;font-size:var(--text-lg, 1.125rem);font-weight:600;color:var(--text-primary)}.email-config-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.email-config-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border)}.email-config-form-group{display:flex;flex-direction:column;gap:6px}.email-config-form-group>label{font-size:var(--text-sm, .875rem);font-weight:500;color:var(--text-primary)}.email-config-form-group select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md, 6px);font-size:var(--text-sm, .875rem);background:var(--surface, #fff);color:var(--text-primary);outline:none;transition:border-color .15s}.email-config-form-group select:focus{border-color:var(--primary-500, #22c55e)}.email-config-form-toggle-row{flex-direction:row;align-items:center;justify-content:space-between}@media (max-width: 768px){.email-config-table th,.email-config-table td{padding:8px 12px}.email-config-modal{max-width:100%;margin:10px}.email-config-header-row{flex-direction:column}}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--secondary-100) 100%);display:flex;position:relative;width:100vw}.dashboard-content{flex:1;min-width:0;transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1);min-height:100vh;display:flex;flex-direction:column;position:relative}.dashboard-content.sidebar-expanded{margin-left:280px}.dashboard-content.sidebar-collapsed{margin-left:70px}.dashboard-content.sidebar-expanded .dashboard-header,.dashboard-content.sidebar-collapsed .dashboard-header{margin-left:0;border-left:1px solid var(--border)}.dashboard-header{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:1px solid var(--border);padding:0;position:sticky;top:0;z-index:100;transition:all var(--transition-fast);margin:0;width:100%;box-sizing:border-box;box-shadow:0 2px 8px #0000000a}.header-content{width:100%;padding:var(--space-lg) var(--space-2xl);display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl);max-width:100%;box-sizing:border-box;margin:0}.header-left{display:flex;align-items:center;gap:var(--space-lg);flex:1}.page-title-section{display:flex;flex-direction:column;gap:var(--space-xs)}.page-subtitle{margin:0;font-size:var(--text-sm);color:var(--text-secondary);font-weight:400}.header-right{display:flex;align-items:center;gap:var(--space-lg)}.header-actions{display:flex;align-items:center;gap:var(--space-md)}.mobile-menu-toggle{display:none;background:none;border:none;font-size:var(--text-xl);color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);width:40px;height:40px;align-items:center;justify-content:center;flex-shrink:0}.mobile-menu-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-toggle{display:none;background:none;border:none;font-size:var(--text-xl);color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.sidebar-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.dashboard-header h1{margin:0;color:var(--text-primary);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.025em;line-height:1.2}.header-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.header-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.header-button:hover:before{left:100%}.header-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 100%)}.header-button.secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.header-button.secondary:hover{background:var(--surface-hover);border-color:var(--border-hover)}.user-profile-section{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-sm);background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);position:relative}.user-profile-section:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200)}.user-profile{display:flex;align-items:center;gap:var(--space-md);padding-right:var(--space-md);border-right:1px solid var(--border)}.user-profile-button{background:transparent;border:none;padding:0;cursor:pointer}.user-profile-button:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-xl)}.user-avatar-wrapper{position:relative}.user-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-base);box-shadow:0 2px 8px #667eea33;text-transform:uppercase;letter-spacing:.5px;border:3px solid white;transition:all var(--transition-fast)}.user-avatar:hover{transform:scale(1.05)}.status-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:var(--success-500);border:2px solid white;border-radius:var(--radius-full);box-shadow:0 2px 4px #0000001a}.user-details{display:flex;flex-direction:column;gap:var(--space-xs);min-width:120px}.user-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);line-height:1.2;white-space:nowrap}.user-role-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;line-height:1;width:fit-content}.logout-btn{flex-shrink:0}.user-menu{position:absolute;top:calc(100% + 8px);left:0;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg);padding:4px;min-width:200px;z-index:200}.user-menu-item{width:100%;display:flex;align-items:center;padding:8px 12px;background:transparent;border:none;color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-md)}.user-menu-item:hover{background:var(--surface-hover);color:var(--primary-700)}.logout-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--error-600);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);text-decoration:none}.logout-button:hover{background:var(--error-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.logout-button:hover{background:var(--error-700)}.debug-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--secondary-100);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.debug-button:hover{background:var(--secondary-200);color:var(--text-primary);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.dashboard-main{flex:1;padding:var(--space-2xl) var(--space-3xl) var(--space-2xl) var(--space-2xl);width:100%;min-width:0;animation:fadeIn var(--transition-normal) ease-out;background:#fff}.dashboard-content-grid{display:grid;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl);margin-bottom:var(--space-3xl)}.stat-card{background:var(--surface);border-radius:var(--radius-2xl);padding:var(--space-2xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);position:relative;overflow:hidden;animation:slideUp var(--transition-normal) ease-out;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:180px}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--accent-500),var(--primary-600));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card:nth-child(2):before{background:linear-gradient(90deg,var(--success-500),var(--success-600))}.stat-card:nth-child(3):before{background:linear-gradient(90deg,var(--warning-500),var(--warning-600))}.stat-card:nth-child(4):before{background:linear-gradient(90deg,var(--accent-500),var(--accent-600))}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);color:var(--primary-600);margin-bottom:var(--space-lg);flex-shrink:0}.stat-trend{font-size:var(--text-xs);font-weight:500;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);background:var(--success-100);color:var(--success-700)}.stat-trend.down{background:var(--error-100);color:var(--error-700)}.stat-content{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.stat-content h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0;line-height:1.2}.stat-content p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;font-weight:500}.stat-value{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin:0;line-height:1;text-align:center;min-height:2.5rem;display:flex;align-items:center;justify-content:center}.stat-value.status-ok{color:var(--success-600);font-size:var(--text-2xl);font-weight:600}.welcome-section{background:#fff;border-bottom:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-4xl);color:var(--text-primary);margin-bottom:var(--space-3xl);position:relative;overflow:hidden;animation:slideRight var(--transition-normal) ease-out}.welcome-section:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transform:translate(50px,-50px)}.welcome-content{position:relative;z-index:1}.welcome-section h2{font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-lg) 0;letter-spacing:-.025em;color:var(--text-primary)}.welcome-section p{font-size:var(--text-lg);margin:0 0 var(--space-2xl) 0;color:var(--text-secondary);line-height:var(--leading-relaxed)}.welcome-actions{display:flex;gap:var(--space-lg);flex-wrap:wrap}.welcome-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-inverse);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.welcome-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);margin-bottom:var(--space-3xl)}.action-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-2xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);cursor:pointer;animation:slideUp var(--transition-normal) ease-out}.action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-300)}.action-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.action-icon{width:56px;height:56px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);color:var(--primary-600)}.action-card:nth-child(2) .action-icon{background:linear-gradient(135deg,var(--success-100) 0%,var(--success-200) 100%);color:var(--success-600)}.action-card:nth-child(3) .action-icon{background:linear-gradient(135deg,var(--warning-100) 0%,var(--warning-200) 100%);color:var(--warning-600)}.action-card:nth-child(4) .action-icon{background:linear-gradient(135deg,var(--accent-100) 0%,var(--accent-200) 100%);color:var(--accent-600)}.action-info h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.action-info p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:var(--leading-relaxed)}.recent-activity{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);animation:slideLeft var(--transition-normal) ease-out}.activity-header{padding:var(--space-2xl);border-bottom:1px solid var(--border)}.activity-header h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.activity-list{padding:var(--space-lg)}.activity-item{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}.activity-item:hover{background:var(--surface-hover)}.activity-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--primary-500);flex-shrink:0}.activity-content{flex:1}.activity-text{font-size:var(--text-sm);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.activity-time{font-size:var(--text-xs);color:var(--text-muted);margin:0}@media (max-width: 1600px){.dashboard-content.sidebar-expanded,.dashboard-content.sidebar-collapsed{margin-left:0;width:100%}.dashboard-content.sidebar-expanded .dashboard-header,.dashboard-content.sidebar-collapsed .dashboard-header{margin-left:0;border-left:none;width:100%}.mobile-menu-toggle{display:flex}}@media (max-width: 768px){.dashboard-content.sidebar-expanded,.dashboard-content.sidebar-collapsed{margin-left:0}.dashboard-content.sidebar-expanded .dashboard-header,.dashboard-content.sidebar-collapsed .dashboard-header{margin-left:0;border-left:none}.header-content{padding:var(--space-md);gap:var(--space-md);flex-wrap:wrap}.dashboard-header h1{font-size:var(--text-xl)}.page-subtitle{font-size:var(--text-xs)}.header-right{width:100%;flex-wrap:wrap;gap:var(--space-md)}.user-profile{padding-right:var(--space-sm);gap:var(--space-sm)}.user-avatar{width:36px;height:36px;font-size:var(--text-sm)}.user-details{min-width:auto}.user-name{font-size:var(--text-xs)}.user-role-badge{font-size:10px;padding:2px var(--space-xs)}.dashboard-main{padding:var(--space-lg)}.stats-grid{grid-template-columns:1fr;gap:var(--space-lg)}.welcome-section{padding:var(--space-2xl);text-align:center}.welcome-section h2{font-size:var(--text-2xl)}.welcome-actions{justify-content:center;gap:var(--space-md)}.quick-actions{grid-template-columns:1fr;gap:var(--space-lg)}}@media (max-width: 480px){.header-content{padding:var(--space-md);flex-direction:column;align-items:flex-start;gap:var(--space-md)}.user-info{width:100%;justify-content:flex-start;flex-wrap:wrap}.dashboard-main{padding:var(--space-md)}.welcome-section{padding:var(--space-xl)}.welcome-section h2{font-size:var(--text-xl)}.welcome-section p{font-size:var(--text-base)}.stat-card,.action-card{padding:var(--space-xl)}.welcome-actions{flex-direction:column;align-items:center}.welcome-button{width:100%;justify-content:center}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-lg)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--primary-600);border-radius:var(--radius-full);animation:spin 1s linear infinite}.page-content{animation:fadeIn var(--transition-normal) ease-out;padding:var(--space-2xl);background:#fff;min-height:100vh}.page-content h2{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-lg)}.page-content p{font-size:var(--text-lg);color:var(--text-secondary);margin:0}.stat-card:nth-child(1){animation-delay:0ms}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.3s}.action-card:nth-child(1){animation-delay:0ms}.action-card:nth-child(2){animation-delay:.15s}.action-card:nth-child(3){animation-delay:.3s}.action-card:nth-child(4){animation-delay:.45s}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:420px;width:100%}.toast{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000d;overflow:hidden;pointer-events:auto;animation:toast-enter .3s ease-out;transition:all .3s ease;min-width:320px;max-width:420px}.toast.toast-exit{animation:toast-exit .3s ease-out forwards}.toast-content{display:flex;align-items:flex-start;gap:12px;padding:16px;position:relative}.toast-icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.toast-icon{width:24px;height:24px}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#3b82f6}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-text{flex:1;min-width:0}.toast-title{font-size:14px;font-weight:600;color:#1f2937;line-height:1.4;margin-bottom:4px}.toast-message{font-size:13px;color:#6b7280;line-height:1.5;word-wrap:break-word}.toast-close{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;color:#9ca3af;transition:color .2s;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-left:auto}.toast-close:hover{color:#4b5563;background-color:#f3f4f6}.toast-close:active{background-color:#e5e7eb}.toast-progress{height:3px;width:100%;animation:toast-progress linear forwards;transform-origin:left}.toast-success .toast-progress{background-color:#10b981}.toast-error .toast-progress{background-color:#ef4444}.toast-warning .toast-progress{background-color:#f59e0b}.toast-info .toast-progress{background-color:#3b82f6}@keyframes toast-enter{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-exit{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(120%) scale(.9);opacity:0}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width: 640px){.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast{min-width:unset;max-width:none}.toast-content{padding:12px;gap:10px}.toast-title{font-size:13px}.toast-message{font-size:12px}}@media (prefers-color-scheme: dark){.toast{background:#1f2937;box-shadow:0 4px 12px #0006,0 0 0 1px #ffffff1a}.toast-title{color:#f9fafb}.toast-message{color:#d1d5db}.toast-close{color:#9ca3af}.toast-close:hover{color:#e5e7eb;background-color:#374151}.toast-close:active{background-color:#4b5563}}:root{--primary-50: #f0fdf4;--primary-100: #dcfce7;--primary-200: #bbf7d0;--primary-300: #86efac;--primary-400: #4ade80;--primary-500: #22c55e;--primary-600: #16a34a;--primary-700: #15803d;--primary-800: #166534;--primary-900: #14532d;--secondary-50: #f9fafb;--secondary-100: #f3f4f6;--secondary-200: #e5e7eb;--secondary-300: #d1d5db;--secondary-400: #9ca3af;--secondary-500: #6b7280;--secondary-600: #4b5563;--secondary-700: #374151;--secondary-800: #1f2937;--secondary-900: #111827;--success-50: #ecfdf5;--success-100: #d1fae5;--success-200: #a7f3d0;--success-300: #6ee7b7;--success-400: #34d399;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--success-800: #065f46;--success-900: #064e3b;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--accent-50: #f0fdfa;--accent-100: #ccfbf1;--accent-200: #99f6e4;--accent-300: #5eead4;--accent-400: #2dd4bf;--accent-500: #14b8a6;--accent-600: #0d9488;--accent-700: #0f766e;--accent-800: #115e59;--accent-900: #134e4a;--background: #ffffff;--surface: #ffffff;--surface-hover: var(--secondary-50);--border: var(--secondary-200);--border-hover: var(--secondary-300);--text-primary: var(--secondary-800);--text-secondary: var(--secondary-600);--text-muted: var(--secondary-400);--text-inverse: #ffffff;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.5rem;--space-3xl: 2rem;--space-4xl: 2.5rem;--space-5xl: 3rem;--space-6xl: 4rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, "Liberation Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}[data-theme=dark]{--background: var(--secondary-900);--surface: var(--secondary-800);--surface-hover: var(--secondary-700);--border: var(--secondary-700);--border-hover: var(--secondary-600);--text-primary: var(--secondary-100);--text-secondary: var(--secondary-300);--text-muted: var(--secondary-400)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--background);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-lg)}h1{font-size:var(--text-4xl);font-weight:700}h2{font-size:var(--text-3xl);font-weight:600}h3{font-size:var(--text-2xl);font-weight:600}h4{font-size:var(--text-xl);font-weight:600}h5{font-size:var(--text-lg);font-weight:600}h6{font-size:var(--text-base);font-weight:600}p{margin-bottom:var(--space-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700);text-decoration:underline}input,textarea,select{font-family:inherit;font-size:var(--text-base);line-height:inherit}button{font-family:inherit;font-size:var(--text-base);line-height:inherit;cursor:pointer;border:none;background:none;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);text-decoration:none;white-space:nowrap;min-height:36px}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn:disabled:hover{transform:none;box-shadow:var(--shadow-sm)}.btn-primary{background:var(--primary-600);color:var(--text-inverse)}.btn-primary:hover{background:var(--primary-700)}.btn-success{background:var(--success-600);color:var(--text-inverse)}.btn-success:hover{background:var(--success-700)}.btn-warning{background:var(--warning-600);color:var(--text-inverse)}.btn-warning:hover{background:var(--warning-700)}.btn-danger{background:var(--error-600);color:var(--text-inverse)}.btn-danger:hover{background:var(--error-700)}.btn-secondary{background:var(--secondary-100);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--secondary-200);border-color:var(--border-hover)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);min-height:28px}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-base);min-height:44px}:focus{outline:2px solid var(--primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-normal) ease-out}.animate-slide-down{animation:slideDown var(--transition-normal) ease-out}.animate-slide-left{animation:slideLeft var(--transition-normal) ease-out}.animate-slide-right{animation:slideRight var(--transition-normal) ease-out}.animate-scale-in{animation:scaleIn var(--transition-normal) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.transition-all{transition:all var(--transition-normal)}.transition-colors{transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.transition-transform{transition:transform var(--transition-fast)}.transition-opacity{transition:opacity var(--transition-fast)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--secondary-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--secondary-300);border-radius:var(--radius-full);transition:background-color var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-400)}::selection{background-color:var(--primary-200);color:var(--primary-900)}.icon{display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-container{position:relative}.search-container .search-input{padding-left:40px}button .icon,.button-icon{margin-right:var(--space-sm)}button:only-child .icon,button:only-child .button-icon{margin-right:0}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background:var(--primary-50);color:var(--primary-600);margin-bottom:var(--space-md)}.stat-card.warning .stat-icon{background:var(--warning-50);color:var(--warning-600)}.action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.action-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media print{*{-webkit-print-color-adjust:exact;color-adjust:exact}}@media (max-width: 640px){html{font-size:14px}}@media (max-width: 480px){html{font-size:13px}}.page-with-table .table-container,.page-container.layout-unified .table-container{overflow-x:auto;overflow-y:auto;max-width:100%;min-width:0}.page-container.layout-unified .page-header,.page-container.layout-unified .statistics-container,.page-container.layout-unified .filters-control,.page-container.layout-unified .tab-navigation,.page-container.layout-unified .transports-tabs{padding-left:var(--space-2xl);padding-right:var(--space-2xl);box-sizing:border-box}.page-container.layout-unified .table-container,.page-container.layout-unified .pagination-container{margin-left:var(--space-2xl);margin-right:var(--space-2xl);box-sizing:border-box}.page-container.layout-unified .table-container{max-width:100%}.page-container.layout-unified .statistics-container{padding-top:0;padding-bottom:0}@media (max-width: 1600px){.page-container.layout-unified .page-header,.page-container.layout-unified .statistics-container,.page-container.layout-unified .filters-control,.page-container.layout-unified .tab-navigation,.page-container.layout-unified .transports-tabs{padding-left:var(--space-lg);padding-right:var(--space-lg)}.page-container.layout-unified .table-container,.page-container.layout-unified .pagination-container{margin-left:var(--space-lg);margin-right:var(--space-lg)}}@media (max-width: 768px){.page-container.layout-unified .page-header,.page-container.layout-unified .statistics-container,.page-container.layout-unified .filters-control,.page-container.layout-unified .tab-navigation,.page-container.layout-unified .transports-tabs{padding-left:var(--space-md);padding-right:var(--space-md)}.page-container.layout-unified .table-container,.page-container.layout-unified .pagination-container{margin-left:var(--space-md);margin-right:var(--space-md)}}@media (max-width: 480px){.page-container.layout-unified .page-header,.page-container.layout-unified .statistics-container,.page-container.layout-unified .filters-control,.page-container.layout-unified .tab-navigation,.page-container.layout-unified .transports-tabs{padding-left:0;padding-right:0}.page-container.layout-unified .table-container,.page-container.layout-unified .pagination-container{margin-left:0;margin-right:0}}#root{min-height:100vh;background:linear-gradient(135deg,var(--background) 0%,var(--secondary-100) 100%)}.app-container{min-height:100vh;display:flex;flex-direction:column}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--primary-50) 0%,var(--accent-50) 100%)}.loading-spinner{width:40px;height:40px;border:3px solid var(--primary-200);border-top:3px solid var(--primary-600);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--space-lg)}.loading-text{color:var(--text-secondary);font-size:var(--text-lg);font-weight:500}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:var(--space-4xl);text-align:center}.error-icon{font-size:4rem;margin-bottom:var(--space-2xl);opacity:.6}.error-title{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg)}.error-message{color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:400px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:var(--text-sm);font-weight:500;line-height:1;border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;border:none;text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--success-600) 0%,var(--success-700) 100%);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-success:hover{background:linear-gradient(135deg,var(--success-700) 0%,var(--success-800) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,var(--warning-500) 0%,var(--warning-600) 100%);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-warning:hover{background:linear-gradient(135deg,var(--warning-600) 0%,var(--warning-700) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-error{background:linear-gradient(135deg,var(--error-600) 0%,var(--error-700) 100%);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-error:hover{background:linear-gradient(135deg,var(--error-700) 0%,var(--error-800) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.btn:disabled:before{display:none}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:var(--text-xs)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--text-lg)}.card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-body{padding:var(--space-2xl)}.card-header{padding:var(--space-xl) var(--space-2xl);border-bottom:1px solid var(--border);background:var(--surface-hover);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.card-footer{padding:var(--space-xl) var(--space-2xl);border-top:1px solid var(--border);background:var(--surface-hover);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.form-group{margin-bottom:var(--space-xl)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-sm)}.form-input{width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a}.form-input::placeholder{color:var(--text-muted)}.notification{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid;margin-bottom:var(--space-lg);animation:slideDown var(--transition-normal) ease-out}.notification-success{background:var(--success-50);border-color:var(--success-200);color:var(--success-800)}.notification-warning{background:var(--warning-50);border-color:var(--warning-200);color:var(--warning-800)}.notification-error{background:var(--error-50);border-color:var(--error-200);color:var(--error-800)}.notification-info{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-800)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:500;line-height:1;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.badge-primary{background:var(--primary-100);color:var(--primary-800)}.badge-secondary{background:var(--secondary-100);color:var(--secondary-800)}.badge-success{background:var(--success-100);color:var(--success-800)}.badge-warning{background:var(--warning-100);color:var(--warning-800)}.badge-error{background:var(--error-100);color:var(--error-800)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{padding:var(--space-lg);text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border);background:var(--surface-hover)}.table td{padding:var(--space-lg);border-bottom:1px solid var(--border);vertical-align:top}.table tr:hover{background:var(--surface-hover)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-2xl{max-width:1536px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.m-0{margin:0}.p-0{padding:0}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}