:root{--color-primary:#1a1a1a;--color-primary-light:#333;--color-primary-dark:#000;--color-secondary:#666;--color-secondary-light:#999;--color-secondary-dark:#4a4a4a;--color-background:#fff;--color-background-light:#f5f5f5;--color-background-dark:#e0e0e0;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-light:#999;--color-text-inverse:#fff;--color-success:#4caf50;--color-success-light:#a5d6a7;--color-success-dark:#388e3c;--color-warning:#ff9800;--color-warning-light:#ffe082;--color-warning-dark:#f57c00;--color-danger:#f44336;--color-danger-light:#ffcdd2;--color-danger-dark:#d32f2f;--color-info:#2196f3;--color-info-light:#bbdefb;--color-info-dark:#1976d2;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--color-border-focus:#1a1a1a;--shadow-small:0 2px 5px #0000001a;--shadow-medium:0 4px 10px #0000001f;--shadow-large:0 10px 25px #00000026;--font-family:"Noto Sans TC",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-xxl:24px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-pill:9999px;--transition-fast:0.2s;--transition-normal:0.3s;--transition-slow:0.5s;--z-index-dropdown:100;--z-index-sticky:200;--z-index-fixed:300;--z-index-modal:400;--z-index-popover:500;--z-index-tooltip:600}body,html{margin:0;min-height:100%;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:1.5}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-medium);line-height:1.2;margin-bottom:var(--spacing-md);margin-top:0}h1{font-size:var(--font-size-xxl)}h2{font-size:calc(var(--font-size-xxl) - 2px)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--spacing-md);margin-top:0}a{color:var(--color-primary-dark);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--color-secondary-dark);text-decoration:underline}small{font-size:var(--font-size-sm)}.container{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);width:100%}.page-container{min-height:calc(100vh - 140px);padding:var(--spacing-xl) 0}.page-title{border-bottom:2px solid var(--color-primary-light);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.section{margin-bottom:var(--spacing-xxl)}.section-title{align-items:center;color:var(--color-text-primary);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.section-title:after{background:linear-gradient(to right,var(--color-primary-light),#0000);content:"";flex:1 1;height:2px;margin-left:var(--spacing-md)}.paper{background-color:var(--color-background-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-small);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.paper-title{color:var(--color-text-primary);margin-bottom:var(--spacing-md);margin-top:0}.accent-border-left{border-left:4px solid var(--color-primary);padding-left:var(--spacing-md)}.accent-border-bottom{border-bottom:2px solid var(--color-primary);padding-bottom:var(--spacing-sm)}.accent-bg{background-color:var(--color-primary-light);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md)}.divider{border:0;border-top:1px solid var(--color-border-light);margin:var(--spacing-lg) 0}.divider-dashed{border-top-style:dashed}.divider-thick{border-top-width:2px}.logo-container img{height:auto;max-width:100%}.badge{background-color:var(--color-background-dark);border-radius:var(--border-radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;padding:calc(var(--spacing-xs)/2) var(--spacing-sm);text-align:center;vertical-align:initial;white-space:nowrap}.badge,.badge-primary{color:var(--color-text-primary)}.badge-primary{background-color:var(--color-primary)}.badge-success{background-color:var(--color-success);color:#fff}.badge-danger{background-color:var(--color-danger);color:#fff}.badge-warning{background-color:var(--color-warning);color:var(--color-text-primary)}.badge-info{background-color:var(--color-info);color:#fff}.page-header{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0}.page-header h1{margin-bottom:0}.page-footer{background-color:var(--color-background-dark);border-top:1px solid var(--color-border);color:var(--color-text-primary);margin-top:var(--spacing-xxl);padding:var(--spacing-xl) 0}.modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-index-modal)}.modal-content{background-color:var(--color-background-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-large);max-height:90vh;max-width:90%;overflow-y:auto;width:600px}.modal-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.modal-body{padding:var(--spacing-lg)}.modal-footer{border-top:1px solid var(--color-border-light);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.close-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xl)}.close-button:hover{color:var(--color-text-primary)}.table{border-collapse:collapse;margin-bottom:var(--spacing-lg);width:100%}.table td,.table th{border-bottom:1px solid var(--color-border-light);padding:var(--spacing-md);text-align:left}.table thead th{background-color:var(--color-background-dark);border-bottom:2px solid var(--color-primary);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.table tbody tr:hover{background-color:#ffd54f0d}.table-striped tbody tr:nth-of-type(odd){background-color:#fff9e64d}.table-bordered,.table-bordered td,.table-bordered th{border:1px solid var(--color-border-light)}.spinner{animation:spin 1s ease-in-out infinite;border:.25rem solid var(--color-primary-light);border-radius:50%;border-top-color:var(--color-primary-dark);display:inline-block;height:2rem;width:2rem}.loading-container{align-items:center;display:flex;justify-content:center;padding:var(--spacing-xl)}@media (max-width:768px){h1{font-size:calc(var(--font-size-xxl) - 4px)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.container{padding-left:0;padding-right:0}.page-container{padding:var(--spacing-lg) 0}.modal-content{width:95%}.table{display:block;overflow-x:auto}}.page-container{background-color:var(--color-background);font-family:var(--font-family);margin:0 auto;min-height:calc(100vh - 80px);padding:var(--spacing-lg)}.page-container-wide{max-width:1200px}.page-container-medium{max-width:900px}.page-container-narrow{max-width:800px}.btn{align-items:center;border:none;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-small);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);justify-content:center;line-height:1.5;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all var(--transition-normal)}.btn:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn.disabled,.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.65;transform:none}.btn-primary{background-color:var(--color-primary);border:1px solid var(--color-primary-dark);color:var(--color-text-primary)}.btn-primary:focus,.btn-primary:hover{background-color:var(--color-primary-dark);color:var(--color-text-inverse)}.btn-secondary{background-color:var(--color-secondary);border:1px solid var(--color-secondary-dark);color:var(--color-text-primary)}.btn-secondary:focus,.btn-secondary:hover{background-color:var(--color-secondary-dark);color:var(--color-text-primary)}.btn-success{background-color:var(--color-success);border:1px solid var(--color-success-dark);color:var(--color-text-inverse)}.btn-success:focus,.btn-success:hover{background-color:var(--color-success-dark)}.btn-danger{background-color:var(--color-danger);border:1px solid var(--color-danger-dark);color:var(--color-text-inverse)}.btn-danger:focus,.btn-danger:hover{background-color:var(--color-danger-dark)}.btn-outline{background-color:initial;border:1px solid var(--color-primary-dark);color:var(--color-primary-dark)}.btn-outline:focus,.btn-outline:hover{background-color:var(--color-primary-light);color:var(--color-text-primary)}.btn-text{background-color:initial;box-shadow:none;color:var(--color-primary-dark);padding:var(--spacing-xs) var(--spacing-sm)}.btn-text:focus,.btn-text:hover{background-color:#ffa0001a;box-shadow:none}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.btn-lg{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl)}.btn-icon{align-items:center;border-radius:50%;display:inline-flex;height:40px;justify-content:center;padding:0;width:40px}input{box-sizing:border-box}.form-group{margin-bottom:var(--spacing-lg)}label{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.form-control,label{color:var(--color-text-primary);display:block}.form-control{background-clip:padding-box;background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);box-sizing:border-box;font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:1.5;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-normal),box-shadow var(--transition-normal);width:100%}.form-control:focus{background-color:#fff;border-color:var(--color-border-focus);box-shadow:0 0 0 .2rem #ffd54f40;color:var(--color-text-primary);outline:0}.form-control::placeholder{color:var(--color-text-secondary);opacity:.6}.form-control:disabled,.form-control[readonly]{background-color:var(--color-background-dark);cursor:not-allowed;opacity:.7}.form-control-sm{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.form-control-lg{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-lg)}textarea.form-control{min-height:100px;resize:vertical}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%235D4037' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:16px 12px;box-sizing:border-box;padding-right:var(--spacing-xl)}.form-check{display:block;margin-bottom:var(--spacing-sm);min-height:1.5rem;padding-left:1.75rem}.form-check-input{margin-left:-1.75rem;margin-top:.25rem;position:absolute}.form-check-input[type=checkbox]{border-radius:.25rem}.form-check-input[type=radio]{border-radius:50%}.form-check-input:checked{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.form-check-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 .2rem #ffd54f40}.form-check-label{color:var(--color-text-primary);display:inline-block}.is-valid,.is-valid:focus{border-color:var(--color-success)!important}.is-valid:focus{box-shadow:0 0 0 .2rem #4caf5040!important}.is-invalid,.is-invalid:focus{border-color:var(--color-danger)!important}.is-invalid:focus{box-shadow:0 0 0 .2rem #f4433640!important}.invalid-feedback{color:var(--color-danger);display:block;font-size:var(--font-size-sm);margin-top:.25rem;width:100%}.card{word-wrap:break-word;background-clip:initial;background-color:var(--color-background-light);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-small);display:flex;flex-direction:column;min-width:0;position:relative;transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-medium)}.card-header{background-color:#fff9e680;border-bottom:1px solid var(--color-border-light);margin-bottom:0;padding:var(--spacing-md) var(--spacing-lg)}.card-header:first-child{border-radius:calc(var(--border-radius-md) - 1px) calc(var(--border-radius-md) - 1px) 0 0}.card-body{flex:1 1 auto;padding:var(--spacing-lg)}.card-title{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.card-subtitle{color:var(--color-text-secondary);margin-top:calc(var(--spacing-md)*-1)}.card-subtitle,.card-text:last-child{margin-bottom:0}.card-footer{background-color:#fff9e680;border-top:1px solid var(--color-border-light);padding:var(--spacing-md) var(--spacing-lg)}.card-footer:last-child{border-radius:0 0 calc(var(--border-radius-md) - 1px) calc(var(--border-radius-md) - 1px)}.alert{border:1px solid #0000;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);position:relative}.alert-heading{color:inherit}.alert-success{background-color:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-dark)}.alert-danger{background-color:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger-dark)}.alert-warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark)}.alert-info{background-color:var(--color-info-light);border-color:var(--color-info);color:var(--color-info-dark)}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-flex{display:flex!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.m-0{margin:0!important}.m-1{margin:var(--spacing-xs)!important}.m-2{margin:var(--spacing-sm)!important}.m-3{margin:var(--spacing-md)!important}.m-4{margin:var(--spacing-lg)!important}.m-5{margin:var(--spacing-xl)!important}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--spacing-xs)!important}.mt-2{margin-top:var(--spacing-sm)!important}.mt-3{margin-top:var(--spacing-md)!important}.mt-4{margin-top:var(--spacing-lg)!important}.mt-5{margin-top:var(--spacing-xl)!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--spacing-xs)!important}.mb-2{margin-bottom:var(--spacing-sm)!important}.mb-3{margin-bottom:var(--spacing-md)!important}.mb-4{margin-bottom:var(--spacing-lg)!important}.mb-5{margin-bottom:var(--spacing-xl)!important}.ml-0{margin-left:0!important}.ml-1{margin-left:var(--spacing-xs)!important}.ml-2{margin-left:var(--spacing-sm)!important}.ml-3{margin-left:var(--spacing-md)!important}.ml-4{margin-left:var(--spacing-lg)!important}.ml-5{margin-left:var(--spacing-xl)!important}.mr-0{margin-right:0!important}.mr-1{margin-right:var(--spacing-xs)!important}.mr-2{margin-right:var(--spacing-sm)!important}.mr-3{margin-right:var(--spacing-md)!important}.mr-4{margin-right:var(--spacing-lg)!important}.mr-5{margin-right:var(--spacing-xl)!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-xs)!important}.p-2{padding:var(--spacing-sm)!important}.p-3{padding:var(--spacing-md)!important}.p-4{padding:var(--spacing-lg)!important}.p-5{padding:var(--spacing-xl)!important}.pt-0{padding-top:0!important}.pt-1{padding-top:var(--spacing-xs)!important}.pt-2{padding-top:var(--spacing-sm)!important}.pt-3{padding-top:var(--spacing-md)!important}.pt-4{padding-top:var(--spacing-lg)!important}.pt-5{padding-top:var(--spacing-xl)!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:var(--spacing-xs)!important}.pb-2{padding-bottom:var(--spacing-sm)!important}.pb-3{padding-bottom:var(--spacing-md)!important}.pb-4{padding-bottom:var(--spacing-lg)!important}.pb-5{padding-bottom:var(--spacing-xl)!important}.pl-0{padding-left:0!important}.pl-1{padding-left:var(--spacing-xs)!important}.pl-2{padding-left:var(--spacing-sm)!important}.pl-3{padding-left:var(--spacing-md)!important}.pl-4{padding-left:var(--spacing-lg)!important}.pl-5{padding-left:var(--spacing-xl)!important}.pr-0{padding-right:0!important}.pr-1{padding-right:var(--spacing-xs)!important}.pr-2{padding-right:var(--spacing-sm)!important}.pr-3{padding-right:var(--spacing-md)!important}.pr-4{padding-right:var(--spacing-lg)!important}.pr-5{padding-right:var(--spacing-xl)!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.font-weight-light{font-weight:var(--font-weight-light)!important}.font-weight-normal{font-weight:var(--font-weight-regular)!important}.font-weight-medium{font-weight:var(--font-weight-medium)!important}.font-weight-bold{font-weight:var(--font-weight-bold)!important}.text-primary{color:var(--color-primary-dark)!important}.text-secondary{color:var(--color-text-secondary)!important}.text-success{color:var(--color-success)!important}.text-danger{color:var(--color-danger)!important}.text-warning{color:var(--color-warning)!important}.text-info{color:var(--color-info)!important}.bg-primary{background-color:var(--color-primary)!important}.bg-secondary{background-color:var(--color-secondary)!important}.bg-success{background-color:var(--color-success)!important}.bg-danger{background-color:var(--color-danger)!important}.bg-warning{background-color:var(--color-warning)!important}.bg-info{background-color:var(--color-info)!important}.bg-light{background-color:var(--color-background-light)!important}.bg-dark{background-color:var(--color-text-primary)!important}.border{border:1px solid var(--color-border-light)!important}.border-top{border-top:1px solid var(--color-border-light)!important}.border-right{border-right:1px solid var(--color-border-light)!important}.border-bottom{border-bottom:1px solid var(--color-border-light)!important}.border-left{border-left:1px solid var(--color-border-light)!important}.border-0{border:0!important}.rounded{border-radius:var(--border-radius-sm)!important}.rounded-lg{border-radius:var(--border-radius-lg)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--border-radius-pill)!important}.rounded-0{border-radius:0!important}.shadow-sm{box-shadow:var(--shadow-small)!important}.shadow{box-shadow:var(--shadow-medium)!important}.shadow-lg{box-shadow:var(--shadow-large)!important}.shadow-none{box-shadow:none!important}.toast-container{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px;pointer-events:none;position:fixed;right:20px;top:80px;width:100%;z-index:9999}.toast{animation:toast-slide-in .3s cubic-bezier(.4,0,.2,1) forwards,toast-fade-out .4s ease 2.8s forwards;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000d;justify-content:space-between;margin-bottom:var(--spacing-xs);overflow:hidden;padding:1rem 1.25rem;pointer-events:auto}.toast,.toast-content{align-items:center;display:flex}.toast-content{flex:1 1;gap:.75rem}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:28px;justify-content:center;width:28px}.toast-message{color:#1a1a1a;font-size:.9375rem;font-weight:500;line-height:1.5;word-break:break-word}.toast-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:24px;justify-content:center;line-height:1;margin-left:.75rem;padding:0;transition:all .2s;width:24px}.toast-close:hover{background-color:#f0f0f0;color:#1a1a1a}.toast-success{border-left:4px solid #4caf50}.toast-error{border-left:4px solid #f44336}.toast-info{border-left:4px solid #2196f3}.toast-warning{border-left:4px solid #ff9800}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-fade-out{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(20px) scale(.95)}}.success-icon{background-color:#4caf50;color:#fff}.error-icon{background-color:#f44336;color:#fff}.info-icon{background-color:#2196f3;color:#fff}.warning-icon{background-color:#ff9800;color:#fff}@media (max-width:768px){.toast-container{left:10px;max-width:none;right:10px;top:70px}.toast{padding:.875rem 1rem}.toast-message{font-size:.875rem}.toast-icon{font-size:14px;height:24px;width:24px}}@media (max-width:480px){.toast-container{top:60px}}.status-info{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm)}.status-info.vertical{align-items:flex-start;flex-direction:column}.status-group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.status-group.vertical{align-items:flex-start;flex-direction:column}.status-label{color:var(--color-text-primary);font-size:var(--font-size-sm);margin-right:var(--spacing-xs)}.status-badge,.status-label{font-weight:var(--font-weight-medium);min-width:60px}.status-badge{align-items:center;border-radius:var(--border-radius-sm);display:inline-flex;font-size:var(--font-size-xs);height:24px;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;transition:all var(--transition-normal);white-space:nowrap}.status-badge-with-icon{gap:var(--spacing-xs);padding-left:var(--spacing-xs)}.status-badge-icon{align-items:center;display:inline-flex;font-size:var(--font-size-sm);justify-content:center}.status-badge-outline{background-color:initial;border:1px solid}.status-accepted,.status-badge-success,.status-badge.active,.status-paid,.status-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.status-badge-danger,.status-badge.inactive,.status-danger,.status-expired,.status-overdue,.status-rejected{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.status-badge-warning,.status-partial,.status-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.status-badge-info,.status-pending{background-color:var(--color-info-light);color:var(--color-info-dark)}.invoice-status-badge,.quotation-status-badge{margin-left:auto;margin-right:10px;margin-top:10px;z-index:5}.status-badge-container{display:flex;justify-content:flex-end;margin-bottom:5px}@media print{.invoice-status-badge,.quotation-status-badge{color-adjust:exact;margin:0;-webkit-print-color-adjust:exact}.status-badge,.status-group,.status-info{page-break-inside:avoid}}@media (max-width:768px){.status-group,.status-info{align-items:flex-start;flex-direction:column;width:100%}.status-badge{justify-content:center;max-width:100%;width:100%}.status-label{margin-bottom:var(--spacing-xs);margin-right:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-container{animation:fadeIn .5s ease-out}.section-animate{animation:fadeInUp .8s ease-out forwards;opacity:0}.section-animate:first-child{animation-delay:.2s}.section-animate:nth-child(2){animation-delay:.3s}.section-animate:nth-child(3){animation-delay:.4s}.section-animate:nth-child(4){animation-delay:.5s}.section-animate:nth-child(5){animation-delay:.6s}.section-animate:nth-child(6){animation-delay:.7s}.animate-card-container{position:relative}.animate-card{opacity:0;transform:translateY(30px)}.animate-card.animate{animation-duration:.8s;animation-fill-mode:both;animation-name:fadeInUp;animation-timing-function:ease-out}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #0000001a;border-radius:50%;border-top:5px solid var(--color-primary,#ffa000);display:inline-block;height:50px;margin-bottom:20px;width:50px}.anim-duration-fast{animation-duration:.3s}.anim-duration-normal{animation-duration:.5s}.anim-duration-slow{animation-duration:.8s}.anim-duration-very-slow{animation-duration:1.2s}.anim-delay-0{animation-delay:0s}.anim-delay-1{animation-delay:.1s}.anim-delay-2{animation-delay:.2s}.anim-delay-3{animation-delay:.3s}.anim-delay-4{animation-delay:.4s}.anim-delay-5{animation-delay:.5s}.anim-delay-6{animation-delay:.6s}.anim-delay-7{animation-delay:.7s}.anim-delay-8{animation-delay:.8s}.anim-delay-9{animation-delay:.9s}.anim-delay-10{animation-delay:1s}.anim-fade-in{animation-name:fadeIn}.anim-fade-in-up{animation-name:fadeInUp}.anim-fade-in-left{animation-name:fadeInLeft}.anim-fade-in-right{animation-name:fadeInRight}.anim-scale-in{animation-name:scaleIn}.anim-fill-forwards{animation-fill-mode:forwards}.anim-ease-out{animation-timing-function:ease-out}.anim-ease-in{animation-timing-function:ease-in}.anim-ease-in-out{animation-timing-function:ease-in-out}@media print{.animate-card,.page-container,.section-animate,[class*=anim-]{animation:none!important;opacity:1!important;transform:none!important}}.header{background:linear-gradient(135deg,#1a1a1a,#333);box-shadow:0 2px 8px #0000004d;margin-bottom:20px;padding:var(--spacing-sm) 0}.header-content{align-items:center;display:flex;justify-content:space-between}.logo img{height:auto;max-width:110px}.nav ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.nav li{margin-left:var(--spacing-xl)}.nav a{align-items:center;color:#fff;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);text-decoration:none;transition:all var(--transition-normal)}.nav a:hover{background-color:#ffffff1a;color:#fff;transform:translateY(-2px)}.nav svg{font-size:var(--font-size-lg)}.nav-dropdown{position:relative}.nav-dropdown-toggle{color:#fff;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);justify-content:space-between;transition:all var(--transition-normal)}.nav-dropdown-toggle,.nav-dropdown-toggle span{align-items:center;display:flex;gap:var(--spacing-sm)}.nav-dropdown-toggle:hover{background-color:#ffffff1a;transform:translateY(-2px)}.nav-dropdown-menu{animation:fadeIn .2s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:var(--border-radius-md);box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;left:0;list-style:none;margin:0;min-width:200px;overflow:hidden;padding:var(--spacing-sm) 0;position:absolute;top:calc(100% + 5px);transform-origin:top left;z-index:var(--z-index-dropdown)}.nav-dropdown-menu li{margin:0;width:100%}.nav-dropdown-menu a{align-items:center;background:none;border:none;color:#1a1a1a;cursor:pointer;display:flex;font-size:var(--font-size-md);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-decoration:none;transform:none;transition:all var(--transition-fast);width:100%}.nav-dropdown-menu a:hover{background-color:#f5f5f5;color:#1a1a1a;padding-left:calc(var(--spacing-md) + 4px);transform:none}.user-menu{position:relative}.user-menu-toggle{align-items:center;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);transition:all var(--transition-normal)}.user-menu-toggle:hover{background-color:#ffffff1a;transform:translateY(-2px)}.rotate{margin-left:var(--spacing-sm);transform:rotate(180deg);transition:transform var(--transition-normal)}.dropdown-menu{animation:fadeIn .2s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:var(--border-radius-md);box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;list-style:none;min-width:240px;overflow:hidden;padding:var(--spacing-sm) 0;position:absolute;right:0;top:calc(100% + 5px);transform-origin:top right;z-index:var(--z-index-dropdown)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-menu li{margin:0;width:100%}.dropdown-menu a,.dropdown-menu button{align-items:center;background:none;border:none;color:#1a1a1a;cursor:pointer;display:flex;font-size:var(--font-size-md);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-decoration:none;transition:all var(--transition-fast);width:100%}.dropdown-menu a:hover,.dropdown-menu button:hover{background-color:#f5f5f5;color:#1a1a1a;padding-left:calc(var(--spacing-md) + 4px)}.dropdown-menu svg{color:#1a1a1a;font-size:var(--font-size-md)}.hamburger-menu{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px;padding:var(--spacing-sm);transition:all var(--transition-normal);z-index:calc(var(--z-index-modal) + 2)}.hamburger-menu:hover{color:#fff;transform:scale(1.1)}.mobile-menu-overlay{animation:fadeInOverlay .3s ease-out;background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.header-content{flex-direction:row;justify-content:space-between}.logo{margin-bottom:0}.hamburger-menu,.mobile-menu-overlay{display:block}.nav{background:linear-gradient(180deg,#1a1a1a,#333);box-shadow:-4px 0 20px #0003;height:100vh;overflow-y:auto;padding:var(--spacing-xl) 0;position:fixed;right:-100%;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:calc(var(--z-index-modal) + 1)}.nav.mobile-open{right:0}.nav ul{align-items:stretch;flex-direction:column;padding:0}.nav li{border-bottom:1px solid #ffffff1a;margin:0}.nav li:last-child{border-bottom:none}.nav a{align-items:center;color:#fff;display:flex;font-size:var(--font-size-md);gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.nav a:hover{background-color:#ffffff1a;color:#fff;padding-left:calc(var(--spacing-lg) + 8px);transform:none}.nav svg{font-size:var(--font-size-lg)}.nav-dropdown{width:100%}.nav-dropdown-toggle{border-bottom:1px solid #ffffff1a;color:#fff;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.nav-dropdown-toggle:hover{background-color:#ffffff1a;padding-left:calc(var(--spacing-lg) + 8px);transform:none}.nav-dropdown-menu{animation:none;background-color:#0003;border:none;border-radius:0;box-shadow:none;margin-top:0;position:static;width:100%}.nav-dropdown-menu li{border-bottom:1px solid #ffffff0d}.nav-dropdown-menu a{color:#fff;font-size:var(--font-size-sm);padding:var(--spacing-md) var(--spacing-xl)}.nav-dropdown-menu a:hover{background-color:#ffffff1a;color:#fff;padding-left:calc(var(--spacing-xl) + 8px)}.user-menu{margin-top:0;width:100%}.user-menu-toggle{background-color:#ffffff1a;color:#fff;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.user-menu-toggle:hover{background-color:#fff3;transform:none}.dropdown-menu{animation:none;background-color:#0003;border:none;border-radius:0;box-shadow:none;margin-top:0;position:static;width:100%}.dropdown-menu li{border-bottom:1px solid #ffffff0d}.dropdown-menu a,.dropdown-menu button{color:#fff;font-size:var(--font-size-sm);padding:var(--spacing-md) var(--spacing-xl)}.dropdown-menu a:hover,.dropdown-menu button:hover{background-color:#ffffff1a;color:#fff;padding-left:calc(var(--spacing-xl) + 8px)}.dropdown-menu svg{color:#fffc}}@media (max-width:480px){.nav{width:240px}.logo img{max-width:70px}}.footer{background:linear-gradient(135deg,#1a1a1a,#333);border-top:1px solid #4a4a4a;color:#fff;margin-top:auto;padding:20px 0;text-align:center;width:100%}.footer-container{margin:0 auto;max-width:1200px;padding:0 20px}.copyright{color:#fff;font-size:14px;margin:0;opacity:.9}@media (max-width:768px){.footer{padding:15px 0}.footer-container{padding:0 12px}.copyright{font-size:13px}}@media (max-width:480px){.footer{padding:12px 0}.footer-container{padding:0 8px}.copyright{font-size:12px}}
/*# sourceMappingURL=main.6e639a59.css.map*/