.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-left{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.modal-header-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--text-primary);background:transparent;border:3px solid rgba(0,0,0,.12);box-shadow:none;flex:0 0 auto}.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-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)}.confirm-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center;padding:var(--spacing-md) 0}.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)}.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;min-width:0;overflow-x:hidden;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;transition:width .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar-collapsed .sidebar{width:72px}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);transition:padding .35s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sidebar-collapsed .sidebar-header{padding:var(--spacing-lg) 8px}.logo{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-xs);white-space:nowrap;transition:gap .35s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .logo{gap:0}.logo-icon{width:28px;height:28px;flex-shrink:0;display:block;object-fit:contain;transform:translate(0) scale(1);transform-origin:center;transition:transform .35s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .logo-icon{transform:translate(14px) translateY(11px) scale(1.38)}.logo-text{display:inline-block;max-width:120px;overflow:hidden;transition:max-width .35s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .logo-text{max-width:0}.logo-subtitle{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden}.sidebar-nav{flex:1;padding:var(--spacing-md) 0;overflow-y:auto}.nav-item{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);color:var(--text-primary);text-decoration:none;transition:padding .35s cubic-bezier(.4,0,.2,1),margin .35s cubic-bezier(.4,0,.2,1),background .2s ease,transform .2s ease;margin:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-medium);white-space:nowrap;overflow:hidden}.sidebar-collapsed .nav-item{padding:var(--spacing-md) 0 var(--spacing-md) 18px;margin:var(--spacing-xs) 8px}.nav-item:hover{background:var(--bg-grey);transform:translate(4px)}.sidebar-collapsed .nav-item:hover{transform:none}.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:var(--spacing-md);flex-shrink:0;stroke:currentColor;fill:none;display:inline-flex;align-items:center;justify-content:center;transition:margin-right .35s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .nav-icon{margin-right:0}.nav-label{font-size:14px;display:inline-block;max-width:160px;overflow:hidden;transition:max-width .35s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .nav-label{max-width:0}.main-content{flex:1;min-width:0;margin-left:240px;padding-top:64px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .35s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .main-content{margin-left:72px}.header{position:fixed;top:0;left:240px;right:0;width:calc(100vw - 240px);height:64px;min-height:64px;background:linear-gradient(135deg,#fff,#fafafa);box-shadow:var(--shadow-neomorphic-raised);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);z-index:50;box-sizing:border-box;transition:left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .header{left:72px;width:calc(100vw - 72px)}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.header .page-title{font-size:var(--font-2xl);font-weight:600;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.user-pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:999px;background:transparent;border:3px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .15s ease}.user-pill:hover{background:var(--bg-grey);color:var(--text-primary);border-color:#00000029}.user-pill:active{transform:scale(.98)}.user-pill-icon{flex:0 0 auto}.user-pill-text{font-size:var(--font-sm);line-height:1}.content{flex:1;min-width:0;padding:var(--page-padding);overflow-y:auto;overflow-x:hidden}.sidebar-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-xs) var(--spacing-md) var(--spacing-md);border:none;border-radius:var(--radius-medium);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:13px;white-space:nowrap;overflow:hidden;border-top:1px solid var(--border-color);transition:padding .35s cubic-bezier(.4,0,.2,1),margin .35s cubic-bezier(.4,0,.2,1),color .2s ease,background .2s ease}.sidebar-toggle:hover{color:var(--primary-color);background:var(--bg-grey)}.sidebar-toggle:active{transform:scale(.96)}.sidebar-collapsed .sidebar-toggle{padding:var(--spacing-md) 0 var(--spacing-md) 19px;margin:var(--spacing-xs) 8px var(--spacing-md)}.sidebar-toggle-label{display:inline-block;max-width:80px;overflow:hidden;transition:max-width .35s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .sidebar-toggle-label{max-width:0}@font-face{font-family:Ostrich Sans;src:url(/assets/ostrich-sans-bold-U9RSyG-J.ttf) format("truetype");font-style:normal;font-weight:700;font-display:block}: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);--shadow-badge: 4px 4px 10px rgba(239, 68, 68, .5), -2px -2px 6px rgba(239, 68, 68, .3), inset 1px 1px 1px rgba(255, 255, 255, .3);--shadow-avatar: 4px 4px 8px rgba(0, 0, 0, .1), -4px -4px 8px rgba(255, 255, 255, .9), inset 1px 1px 2px rgba(255, 255, 255, .8);--shadow-card-hover: 12px 12px 24px rgba(0, 0, 0, .1), -12px -12px 24px rgba(255, 255, 255, .95), inset 1px 1px 2px rgba(255, 255, 255, .8), inset -1px -1px 2px rgba(0, 0, 0, .05);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .25);--shadow-focus: 0 0 0 3px rgba(124, 179, 66, .1);--radius-xs: 4px;--radius-tiny: 6px;--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;--font-4xl: 32px;--page-padding: var(--spacing-lg);--page-gap: var(--spacing-lg);--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)}*{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}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.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)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.card-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--card-header-padding);border-bottom:1px solid rgba(0,0,0,.05);min-width:0}.card-body{padding:var(--card-body-padding)}.page-container{display:flex;flex-direction:column;gap:var(--page-gap);padding:var(--page-padding);width:100%;min-width:0;box-sizing:border-box}.card-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.table th,.table td{padding:var(--spacing-md);font-size:var(--font-sm)}.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: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)}.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:var(--radius-xs)}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)}.table,.log-table{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:var(--radius-medium);overflow:hidden;box-shadow:var(--shadow-neomorphic-raised)}.table thead,.log-table thead{background:linear-gradient(135deg,var(--primary-light) 0%,#FFFFFF 100%)}.table th,.log-table th{padding:12px var(--spacing-md);text-align:left;font-weight:600;font-size:var(--font-sm);color:var(--text-primary);border-bottom:2px solid var(--border-color);line-height:1.4;white-space:nowrap;height:48px;box-sizing:border-box}.table td,.log-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);vertical-align:middle}.table tbody tr,.log-table tbody tr{transition:background-color .2s ease}.table tbody tr:hover,.log-table tbody tr:hover{background-color:var(--bg-grey)}.table tbody tr[style*="cursor: pointer"],.log-table tbody tr[style*="cursor: pointer"]{cursor:pointer}.table tbody tr[style*="cursor: pointer"]:hover,.log-table tbody tr[style*="cursor: pointer"]:hover{background-color:var(--primary-light);transform:translate(2px);box-shadow:2px 2px 4px #0000000d,-2px -2px 4px #fffc}.table tbody tr:last-child td,.log-table tbody tr:last-child td{border-bottom:none}.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-icon{position:absolute;left:var(--spacing-md);width:var(--icon-sm);height:var(--icon-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);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-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}.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:var(--radius-tiny);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:var(--spacing-sm)}.gap-3,.gap-4{gap:var(--spacing-md)}.mt-2{margin-top:var(--spacing-sm)}.mt-3,.mt-4{margin-top:var(--spacing-md)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3,.mb-4{margin-bottom:var(--spacing-md)}.p-3,.p-4{padding:var(--spacing-md)}.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:0;padding:0;flex-wrap:wrap;gap:var(--spacing-md)}.page-title{font-size:var(--font-2xl);font-weight:600;line-height:1.35;color:var(--text-primary);margin:0}.page-actions{display:flex;gap:var(--spacing-sm);align-items:center;flex-shrink:0}.filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-medium);box-shadow:var(--shadow-neomorphic-raised);width:100%;min-width:0;box-sizing:border-box;flex-shrink:0}.table-container{overflow-x:auto;overflow-y:hidden;margin-bottom:var(--spacing-lg);padding:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-medium);box-shadow:var(--shadow-neomorphic-raised);width:100%;min-width:0;box-sizing:border-box;flex-shrink:0}.table-container .table,.table-container .log-table{box-shadow:none;border-radius:var(--radius-small)}.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)}.stats-bar{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md) 0;align-items:center;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.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}.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:var(--shadow-neomorphic-pressed)}.stat-label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500}.stat-value{font-size:var(--font-md);font-weight:700;color:var(--primary-color);text-shadow:0 1px 2px rgba(124,179,66,.2)}.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)}.page-info{font-size:var(--font-sm);color:var(--text-secondary)}.table-container>.pagination{margin-top:0;border-top:1px solid var(--border-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--card-gap)}.stat-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);cursor:pointer;text-decoration:none;color:inherit;background:linear-gradient(135deg,#fff,#fafafa);border-radius:var(--radius-large);box-shadow:8px 8px 16px #0000001f,-8px -8px 16px #ffffffe6,inset 2px 2px 4px #fffc,inset -2px -2px 4px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.table-container.is-loading{position:relative}.table-container.is-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f5f5f500,#f5f5f58c,#f5f5f500);transform:translate(-100%);animation:table-skeleton-shimmer 1.2s ease-in-out infinite;pointer-events:none}@keyframes table-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{display:inline-block;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:999px}.skeleton-line{height:12px}.skeleton-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.skeleton-btn{height:28px;width:64px;border-radius:var(--radius-capsule)}.skeleton-rect{border-radius:var(--radius-medium)}.skeleton-title{height:18px;border-radius:var(--radius-capsule)}.skeleton-card{border-radius:var(--radius-large)}.skeleton-block{border-radius:var(--radius-medium);display:block}.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)}