.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,#fff,#fafafa);border-radius:var(--radius-large);box-shadow:20px 20px 60px #00000040,-20px -20px 60px #ffffffe6,inset 2px 2px 4px #ffffffe6,inset -2px -2px 4px #0000000d,0 0 0 1px #ffffff80;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);pointer-events:none}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content.modal-small{width:400px}.modal-content.modal-medium{width:500px}.modal-content.modal-large{width:600px}.modal-content.modal-extra-large{width:90vw;max-width:1200px;height:90vh;max-height:800px;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid rgba(0,0,0,.05);background:linear-gradient(135deg,var(--primary-light) 0%,#FFFFFF 100%);border-radius:var(--radius-large) var(--radius-large) 0 0;gap:var(--spacing-md);min-width:0;box-shadow:inset 0 1px 2px #fffc,inset 0 -1px 2px #0000000d;position:relative}.modal-header-actions{display:flex;align-items:center;gap:var(--spacing-md);flex:1;justify-content:flex-end;min-width:0}.doc-id-badge{font-size:var(--font-xs);color:var(--text-secondary);background:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-small);font-family:Courier New,monospace;white-space:nowrap;overflow:visible;text-overflow:clip;max-width:none;word-break:keep-all;flex-shrink:0}.modal-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0}.modal-close{width:32px;height:32px;border:none;background:linear-gradient(135deg,#f5f5f5,#eee);border-radius:50%;font-size:var(--font-lg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1;box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #fffc,inset 1px 1px 2px #fff9}.modal-close:hover{background:linear-gradient(135deg,#fff,#f5f5f5);color:var(--text-primary);transform:rotate(90deg) scale(1.1);box-shadow:6px 6px 12px #00000026,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #fffc}.modal-close:active{transform:rotate(90deg) scale(.95);box-shadow:inset 4px 4px 8px #00000026,inset -4px -4px 8px #fff9}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1;min-height:0}.modal-body.no-padding{padding:0}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid rgba(0,0,0,.05);background:linear-gradient(135deg,#f8f8f8,#f5f5f5);border-radius:0 0 var(--radius-large) var(--radius-large);flex-shrink:0;box-shadow:inset 0 1px 2px #fffc,inset 0 -1px 2px #0000000d}@media (max-width: 768px){.modal-content.modal-small,.modal-content.modal-medium,.modal-content.modal-large{width:calc(100vw - 32px);max-width:100%}}.alert-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center;padding:var(--spacing-md) 0}.alert-icon{font-size:64px;line-height:1;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#fff,#fafafa);box-shadow:8px 8px 16px #00000026,-8px -8px 16px #ffffffe6,inset 2px 2px 4px #fffc,inset -2px -2px 4px #0000000d;animation:iconPulse .6s ease-out}.alert-message{font-size:var(--font-md);color:var(--text-primary);line-height:1.6;word-break:break-word;padding:0 var(--spacing-md)}.alert-footer{display:flex;justify-content:center;width:100%;margin-top:var(--spacing-md)}.alert-content.alert-success .alert-icon{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);box-shadow:8px 8px 16px #3d7c4740,-8px -8px 16px #7cb34233,inset 2px 2px 4px #fff9,inset -2px -2px 4px #0000001a;filter:drop-shadow(0 4px 8px rgba(124,179,66,.3))}.alert-content.alert-error .alert-icon{background:linear-gradient(135deg,#ffebee,#ffcdd2);box-shadow:8px 8px 16px #ef444440,-8px -8px 16px #ffc8c833,inset 2px 2px 4px #fff9,inset -2px -2px 4px #0000001a;filter:drop-shadow(0 4px 8px rgba(239,68,68,.3))}.alert-content.alert-warning .alert-icon{background:linear-gradient(135deg,#fff3e0,#ffe0b2);box-shadow:8px 8px 16px #f59e0b40,-8px -8px 16px #ffe0b233,inset 2px 2px 4px #fff9,inset -2px -2px 4px #0000001a;filter:drop-shadow(0 4px 8px rgba(245,158,11,.3))}.alert-content.alert-info .alert-icon{background:linear-gradient(135deg,#e3f2fd,#bbdefb);box-shadow:8px 8px 16px #3b82f640,-8px -8px 16px #bbdefb33,inset 2px 2px 4px #fff9,inset -2px -2px 4px #0000001a;filter:drop-shadow(0 4px 8px rgba(59,130,246,.3))}.confirm-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center;padding:var(--spacing-md) 0}.confirm-icon{font-size:64px;line-height:1;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#fff,#fafafa);box-shadow:8px 8px 16px #00000026,-8px -8px 16px #ffffffe6,inset 2px 2px 4px #fffc,inset -2px -2px 4px #0000000d;animation:iconPulse .6s ease-out}@keyframes iconPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.confirm-message{font-size:var(--font-md);color:var(--text-primary);line-height:1.6;word-break:break-word;width:100%;padding:0 var(--spacing-md)}.confirm-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-md)}.confirm-content.confirm-warning .confirm-icon{background:linear-gradient(135deg,#fff3e0,#ffe0b2);box-shadow:8px 8px 16px #f59e0b40,-8px -8px 16px #ffe0b233,inset 2px 2px 4px #fff9,inset -2px -2px 4px #0000001a;filter:drop-shadow(0 4px 8px rgba(245,158,11,.3))}.confirm-content.confirm-danger .confirm-icon{background:linear-gradient(135deg,#ffebee,#ffcdd2);box-shadow:8px 8px 16px #ef444440,-8px -8px 16px #ffc8c833,inset 2px 2px 4px #fff9,inset -2px -2px 4px #0000001a;filter:drop-shadow(0 4px 8px rgba(239,68,68,.3))}.confirm-content.confirm-info .confirm-icon{background:linear-gradient(135deg,#e3f2fd,#bbdefb);box-shadow:8px 8px 16px #3b82f640,-8px -8px 16px #bbdefb33,inset 2px 2px 4px #fff9,inset -2px -2px 4px #0000001a;filter:drop-shadow(0 4px 8px rgba(59,130,246,.3))}.prompt-content{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md) 0}.prompt-message{font-size:var(--font-md);color:var(--text-primary);line-height:1.6;margin-bottom:var(--spacing-xs);padding:0 var(--spacing-xs)}.prompt-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.prompt-input{width:100%;height:48px;padding:0 var(--spacing-lg);background:linear-gradient(135deg,#fff,#fafafa);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-capsule);font-size:var(--font-md);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:6px 6px 12px #0000001f,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #fffc,inset -1px -1px 2px #0000000d}.prompt-input:focus{outline:none;border-color:var(--primary-color);box-shadow:8px 8px 16px #3d7c4733,-8px -8px 16px #7cb34226,inset 1px 1px 2px #fffc,inset -1px -1px 2px #0000000d,0 0 0 3px #7cb3421a;background:linear-gradient(135deg,#fff,#f5f5f5);transform:translateY(-1px)}.prompt-input:hover:not(:focus){box-shadow:8px 8px 16px #00000026,-8px -8px 16px #fffffff2,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #0000000d}.prompt-input::placeholder{color:var(--text-placeholder)}.prompt-error{font-size:var(--font-xs);color:var(--error-color);margin-top:var(--spacing-xs);padding-left:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.prompt-error:before{content:"⚠";font-size:var(--font-sm)}.prompt-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.layout{display:flex;width:100%;min-height:100vh;background-color:var(--bg-secondary)}.sidebar{width:240px;background:linear-gradient(135deg,#fff,#fafafa);box-shadow:var(--shadow-neomorphic-raised);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100}.sidebar-header{padding:24px;border-bottom:1px solid var(--border-color)}.logo{font-size:24px;font-weight:700;color:var(--primary-color);margin-bottom:4px}.logo-subtitle{font-size:12px;color:var(--text-secondary)}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;padding:12px 24px;color:var(--text-primary);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);margin:4px 12px;border-radius:var(--radius-medium)}.nav-item:hover{background:var(--bg-grey);transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,var(--primary-light) 0%,rgba(124,179,66,.1) 100%);color:var(--primary-color);font-weight:600;box-shadow:var(--shadow-neomorphic-raised)}.nav-icon{width:20px;height:20px;margin-right:12px;flex-shrink:0;stroke:currentColor;fill:none}.nav-label{font-size:14px}.main-content{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh}.header{height:64px;background:var(--header-gradient);background-color:#fff;box-shadow:var(--shadow-neomorphic-raised);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(124,179,66,.1);position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:var(--header-gradient);opacity:.6;pointer-events:none}.header-left{display:flex;align-items:center;gap:12px}.header-icon{width:24px;height:24px;flex-shrink:0}.page-title{font-size:20px;font-weight:600;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:16px}.user-info{font-size:14px;color:var(--text-secondary)}.content{flex:1;padding:var(--page-padding);overflow-y:auto}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--primary-light) 0%,#FFFFFF 100%);padding:var(--spacing-lg);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--header-gradient);opacity:.3;pointer-events:none}.login-card{width:100%;max-width:400px;padding:var(--spacing-2xl);position:relative;z-index:1}.login-header{text-align:center;margin-bottom:32px}.login-logo{font-size:32px;font-weight:700;color:var(--primary-color);margin-bottom:8px}.login-subtitle{font-size:14px;color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:500;color:var(--text-primary)}.error-message{padding:12px;background:#ef44441a;border:1px solid var(--error-color);border-radius:var(--radius-medium);color:var(--error-color);font-size:14px;text-align:center}.login-hint{text-align:center}:root{--color-green-dark: #3d7c47;--color-green-light: #7cb342;--color-blue-dark: #2c5f8d;--color-blue-light: #4a9b8e;--color-brown-dark: #8b7355;--color-brown-light: #c4a775;--primary-color: #7cb342;--primary-dark: #3d7c47;--primary-light: #E8F5E9;--secondary-color: #3d7c47;--success-color: #7cb342;--warning-color: #F59E0B;--error-color: #EF4444;--text-primary: #1A1A1A;--text-secondary: #666666;--text-placeholder: #999999;--text-disabled: #CCCCCC;--bg-primary: #FFFFFF;--bg-secondary: #F5F5F5;--bg-grey: #F8F8F8;--border-color: #EEEEEE;--shadow-neomorphic-raised: 8px 8px 16px rgba(0, 0, 0, .15), inset 1px 1px 2px rgba(255, 255, 255, .6);--shadow-neomorphic-pressed: inset 6px 6px 12px rgba(0, 0, 0, .15), inset -6px -6px 12px rgba(255, 255, 255, .6);--shadow-neomorphic-active-green: 6px 6px 16px rgba(61, 124, 71, .4), -4px -4px 12px rgba(124, 179, 66, .3), inset 1px 1px 2px rgba(255, 255, 255, .3);--radius-small: 12px;--radius-medium: 20px;--radius-large: 32px;--radius-round: 999px;--radius-capsule: 50px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--icon-xs: 12px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 28px;--page-padding: var(--spacing-lg);--page-gap: var(--spacing-md);--card-gap: var(--spacing-md);--card-padding: var(--spacing-md) var(--spacing-lg);--card-header-padding: var(--spacing-md) var(--spacing-lg);--card-body-padding: var(--spacing-md) var(--spacing-lg);--header-gradient: linear-gradient(135deg, rgba(124, 179, 66, .1) 0%, rgba(61, 124, 71, .15) 50%, rgba(124, 179, 66, .1) 100%);--header-gradient-strong: linear-gradient(135deg, rgba(124, 179, 66, .2) 0%, rgba(61, 124, 71, .25) 50%, rgba(124, 179, 66, .2) 100%);--highlight-bg: linear-gradient(135deg, rgba(124, 179, 66, .08) 0%, rgba(61, 124, 71, .12) 100%);--highlight-border: 2px solid rgba(124, 179, 66, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-placeholder)}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 24px;font-size:14px;font-weight:500;border-radius:var(--radius-capsule);border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#7cb342,#3d7c47);color:#fff;box-shadow:var(--shadow-neomorphic-active-green)}.btn-primary:hover{transform:translateY(-1px);box-shadow:8px 8px 20px #3d7c4780,-4px -4px 12px #7cb34266,inset 1px 1px 2px #ffffff4d}.btn-primary:active{transform:translateY(1px) scale(.98);box-shadow:2px 2px 8px #3d7c474d,-2px -2px 8px #7cb34226,inset 1px 1px 2px #ffffff4d}.btn-secondary{background:linear-gradient(135deg,#f5f5f5,#eee);color:var(--text-primary);box-shadow:var(--shadow-neomorphic-pressed)}.btn-secondary:hover{background:linear-gradient(135deg,#fff,#f5f5f5);box-shadow:var(--shadow-neomorphic-raised)}.btn-secondary:active{transform:scale(.95);box-shadow:var(--shadow-neomorphic-pressed)}.btn-outline{background:linear-gradient(135deg,#fff,#fafafa);border:2px solid var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-neomorphic-raised)}.btn-outline:hover{background:var(--primary-light)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:4px 4px 12px #ef444466,-4px -4px 12px #ef444433,inset 1px 1px 2px #ffffff4d}.btn-danger:hover{transform:translateY(-1px)}.btn-danger:active{transform:translateY(1px) scale(.98)}.btn-small{height:32px;padding:0 16px;font-size:12px}.btn-large{height:48px;font-size:16px}.btn-block{width:100%}.btn-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.card{background:linear-gradient(135deg,#fff,#fafafa);border-radius:var(--radius-large);box-shadow:var(--shadow-neomorphic-raised);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05)}.card:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #0000001a,-12px -12px 24px #fffffff2,inset 1px 1px 2px #fffc,inset -1px -1px 2px #0000000d}.card-body{padding:var(--card-body-padding)}.card-header{background:var(--header-gradient);background-color:var(--primary-light);border-bottom:1px solid rgba(124,179,66,.1);padding:var(--card-header-padding);border-radius:var(--radius-large) var(--radius-large) 0 0;position:relative;overflow:hidden}.card-header:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:var(--header-gradient);opacity:.5;pointer-events:none}.card-header .card-title{position:relative;z-index:1;color:var(--text-primary);font-weight:600}.page-container{display:flex;flex-direction:column;gap:var(--page-gap);padding:var(--page-padding);width:100%;min-width:0;box-sizing:border-box}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.card-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.table-container{background:linear-gradient(135deg,#fff,#fafafa);border-radius:var(--radius-large);box-shadow:var(--shadow-neomorphic-raised);overflow:hidden;border:1px solid rgba(0,0,0,.05);margin-bottom:var(--spacing-lg);display:block}.table{width:100%;border-collapse:collapse;background:transparent;border-radius:0;margin:0;display:table}.table thead{background:var(--header-gradient);background-color:var(--primary-light);position:relative;display:table-header-group;border-radius:0}.table thead:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:var(--header-gradient);opacity:.5;pointer-events:none;border-radius:0}.table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:600;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid rgba(124,179,66,.1);position:relative;z-index:1;border-radius:0}.table thead tr:first-child th:first-child{border-top-left-radius:var(--radius-large)}.table thead tr:first-child th:last-child{border-top-right-radius:var(--radius-large)}.table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);font-size:var(--font-sm);color:var(--text-primary);background:transparent}.table tbody tr{transition:all .2s ease}.table tbody tr:hover{background:var(--highlight-bg);transform:translate(2px)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-large)}.table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-large)}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.detail-label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;min-width:100px;flex-shrink:0}.detail-value{font-size:var(--font-sm);color:var(--text-primary);text-align:right;flex:1;word-break:break-word;margin-left:var(--spacing-md)}.input{width:100%;height:40px;padding:0 var(--spacing-md);background:linear-gradient(135deg,#fff,#fafafa);border:1px solid var(--border-color);border-radius:var(--radius-capsule);font-size:var(--font-sm);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:var(--shadow-neomorphic-raised)}.input:hover{border-color:#7cb3424d}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7cb3421a,var(--shadow-neomorphic-raised);background:linear-gradient(135deg,#fff,#f5f5f5)}.input::placeholder{color:var(--text-placeholder)}.input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6;box-shadow:var(--shadow-neomorphic-pressed)}input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--primary-color);border-radius:4px}input[type=radio]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--primary-color)}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:calc(var(--spacing-md) + 20px);border-radius:var(--radius-capsule)}.status-tag,.tag{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 14px;border-radius:var(--radius-capsule);font-size:var(--font-xs);font-weight:500;white-space:nowrap;box-shadow:var(--shadow-neomorphic-raised);transition:all .2s ease;border:1px solid transparent;line-height:1}.status-tag.success,.tag-success{background:linear-gradient(135deg,var(--success-color),var(--primary-dark));color:#fff;border-color:#ffffff4d;box-shadow:0 2px 8px #3d7c474d,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0000001a}.status-tag.warning,.tag-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#f59e0b4d;box-shadow:0 2px 8px #f59e0b33,inset 0 1px 2px #fff9,inset 0 -1px 2px #0000001a}.status-tag.error,.tag-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#ef44444d;box-shadow:0 2px 8px #ef444433,inset 0 1px 2px #fff9,inset 0 -1px 2px #0000001a}.status-tag.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#3b82f64d;box-shadow:0 2px 8px #3b82f633,inset 0 1px 2px #fff9,inset 0 -1px 2px #0000001a}.status-tag.default,.tag:not(.tag-success):not(.tag-warning):not(.tag-error){background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:var(--text-primary);border-color:#0000001a;box-shadow:0 2px 8px #0000001a,inset 0 1px 2px #fffc,inset 0 -1px 2px #0000000d}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);padding:0 var(--spacing-md)}.page-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;flex-wrap:wrap}.page-actions .btn-refresh{margin-left:auto;order:999}.filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--card-body-padding);margin-bottom:var(--spacing-md)}.filter-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md);width:100%;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:200px}.filter-label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;margin-bottom:var(--spacing-xs)}.filter-actions{display:flex;flex-direction:row;align-items:flex-end;gap:var(--spacing-sm);flex:0 0 auto}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper:before{content:"🔍";position:absolute;left:var(--spacing-md);font-size:var(--icon-sm);z-index:1;pointer-events:none}.search-input{width:100%;height:40px;padding:0 var(--spacing-md) 0 calc(var(--spacing-md) + var(--icon-sm) + var(--spacing-sm));background:linear-gradient(135deg,#fff,#fafafa);border:1px solid var(--border-color);border-radius:var(--radius-capsule);font-size:var(--font-sm);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:var(--shadow-neomorphic-raised)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-neomorphic-active-green),0 0 0 3px #7cb3421a;background:linear-gradient(135deg,#fff,#f5f5f5)}.search-input::placeholder{color:var(--text-placeholder)}.select-input{width:100%;height:40px;padding:0 var(--spacing-md);background:linear-gradient(135deg,#fff,#fafafa);border:1px solid var(--border-color);border-radius:var(--radius-capsule);font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:var(--shadow-neomorphic-raised);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:calc(var(--spacing-md) + 20px)}.select-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-neomorphic-active-green),0 0 0 3px #7cb3421a;background:linear-gradient(135deg,#fff,#f5f5f5)}.select-input:hover{box-shadow:10px 10px 20px #0000001f,-10px -10px 20px #fffffff2}.action-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn-refresh{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);height:40px;padding:0 var(--spacing-lg);font-size:var(--font-sm);font-weight:500;border-radius:var(--radius-capsule);border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;background:linear-gradient(135deg,#f5f5f5,#eee);color:var(--text-primary);box-shadow:var(--shadow-neomorphic-raised)}.btn-refresh:hover{background:linear-gradient(135deg,#fff,#f5f5f5);transform:translateY(-1px);box-shadow:10px 10px 20px #0000001f,-10px -10px 20px #fffffff2}.btn-refresh:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-neomorphic-pressed)}.btn-refresh:before{content:"🔄";font-size:var(--icon-sm)}.btn-export{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);height:40px;padding:0 var(--spacing-lg);font-size:var(--font-sm);font-weight:500;border-radius:var(--radius-capsule);border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:var(--shadow-neomorphic-active-green)}.btn-export:hover{transform:translateY(-1px);box-shadow:8px 8px 20px #3d7c4780,-4px -4px 12px #7cb34266,inset 1px 1px 2px #ffffff4d}.btn-export:active{transform:translateY(1px) scale(.98);box-shadow:2px 2px 8px #3d7c474d,-2px -2px 8px #7cb34226}.btn-export:before{content:"📥";font-size:var(--icon-sm)}.checkbox-wrapper{display:inline-flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.checkbox-input{width:20px;height:20px;margin:0;cursor:pointer;accent-color:var(--primary-color);border-radius:6px;box-shadow:var(--shadow-neomorphic-raised);transition:all .3s cubic-bezier(.4,0,.2,1)}.checkbox-input:hover{box-shadow:6px 6px 12px #00000026,-6px -6px 12px #ffffffb3}.checkbox-input:checked{box-shadow:var(--shadow-neomorphic-active-green)}.checkbox-label{font-size:var(--font-sm);color:var(--text-primary);-webkit-user-select:none;user-select:none}.status-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:var(--icon-sm);box-shadow:var(--shadow-neomorphic-raised)}.status-icon.success{background:linear-gradient(135deg,var(--success-color),var(--primary-dark));color:#fff}.status-icon.warning{background:linear-gradient(135deg,var(--warning-color),#D97706);color:#fff}.status-icon.error{background:linear-gradient(135deg,var(--error-color),#DC2626);color:#fff}.status-icon.info{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff}.flex{display:flex}.flex-column{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.p-3{padding:12px}.p-4{padding:16px}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.text-bold{font-weight:600}.text-center{text-align:center}.w-full{width:100%}.h-full{height:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:0 var(--spacing-md)}.page-title{font-size:var(--font-2xl);font-weight:600;color:var(--text-primary);margin:0}.page-actions{display:flex;gap:var(--spacing-sm);align-items:center}.filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:200px;flex:1}.filter-label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.filter-actions{display:flex;align-items:flex-end;gap:var(--spacing-sm)}.table-container{margin-bottom:var(--spacing-lg);padding:0;display:block}.stats-bar{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);align-items:center;flex-wrap:wrap}.stat-item{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#fff,#fafafa);border-radius:var(--radius-medium);box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #fffc,inset 1px 1px 2px #fffc,inset -1px -1px 2px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);text-align:center;min-height:44px;flex-direction:row}.stat-item.stat-item-vertical{flex-direction:column;justify-content:center}.stat-item:hover{transform:translateY(-2px);box-shadow:6px 6px 12px #0000001f,-6px -6px 12px #ffffffe6,inset 1px 1px 2px #ffffffe6,inset -1px -1px 2px #0000000d}.stat-item:active{transform:translateY(0) scale(.98);box-shadow:inset 3px 3px 6px #0000001a,inset -3px -3px 6px #ffffffb3}.stat-label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;height:auto;margin:0;padding:0;white-space:nowrap;vertical-align:middle}.stat-item:not(.stat-item-vertical) .stat-label{justify-content:flex-start}.stat-item.stat-item-vertical .stat-label{justify-content:center}.stat-value{font-size:var(--font-md);font-weight:700;color:var(--text-primary);text-shadow:0 1px 2px rgba(124,179,66,.2);line-height:1.2}.stat-item:not(.stat-success):not(.stat-warning):not(.stat-error):not(.stat-info) .stat-value{color:var(--text-primary)}.stat-item.stat-success{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#7cb34233}.stat-item.stat-success .stat-value{color:var(--success-color);text-shadow:0 1px 2px rgba(61,124,71,.3)}.stat-item.stat-warning{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#f59e0b33}.stat-item.stat-warning .stat-value{color:var(--warning-color);text-shadow:0 1px 2px rgba(245,158,11,.3)}.stat-item.stat-error,.stat-item.stat-fail{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#ef444433}.stat-item.stat-error .stat-value,.stat-item.stat-fail .stat-value{color:var(--error-color);text-shadow:0 1px 2px rgba(239,68,68,.3)}.stat-item.stat-info{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#3b82f633}.stat-item.stat-info .stat-value{color:#3b82f6;text-shadow:0 1px 2px rgba(59,130,246,.3)}.action-buttons{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg);margin-top:var(--spacing-lg);background:linear-gradient(135deg,#fff,#fafafa);border-radius:var(--radius-large);box-shadow:var(--shadow-neomorphic-raised);border:1px solid rgba(0,0,0,.05)}.page-info{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500}.pagination button{min-width:36px;height:36px;padding:0 var(--spacing-sm);border:none;border-radius:var(--radius-medium);background:linear-gradient(135deg,#fff,#fafafa);color:var(--text-primary);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-neomorphic-raised)}.pagination button:hover:not(:disabled){transform:translateY(-2px);box-shadow:6px 6px 12px #0000001a,-6px -6px 12px #fffffff2;background:var(--highlight-bg)}.pagination button:active:not(:disabled){transform:translateY(0) scale(.95);box-shadow:var(--shadow-neomorphic-pressed)}.pagination button:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-neomorphic-pressed)}.pagination button.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:var(--shadow-neomorphic-active-green)}.loading,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.empty-state{color:var(--text-secondary)}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state-text{font-size:var(--font-md);margin-bottom:var(--spacing-sm)}.empty-state-desc{font-size:var(--font-sm);color:var(--text-placeholder)}