:root{--color-primary:#ffd54f;--color-primary-light:#ffecb3;--color-primary-dark:#ffa000;--color-secondary:#f0c14b;--color-secondary-light:#f5d76e;--color-secondary-dark:#e0b33d;--color-background:#fff9e6;--color-background-light:#fffbf0;--color-background-dark:#f0e0b2;--color-text-primary:#5d4037;--color-text-secondary:#8d6e63;--color-text-light:#6d4c41;--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:#d4b483;--color-border-light:#e6c9a3;--color-border-focus:#ffa000;--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{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));border-bottom:1px solid var(--color-primary-dark);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:var(--spacing-md);padding-right:var(--spacing-md)}.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:350px;position:fixed;right:20px;top:20px;width:100%;z-index:9999}.toast{animation:toast-slide-in .3s ease forwards,toast-fade-out .5s ease 2.5s forwards;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-medium);justify-content:space-between;margin-bottom:var(--spacing-xs);overflow:hidden;padding:var(--spacing-md) var(--spacing-lg)}.toast,.toast-content{align-items:center;display:flex}.toast-content{flex:1 1;gap:var(--spacing-sm)}.toast-icon{align-items:center;border-radius:50%;display:flex;font-weight:700;height:24px;justify-content:center;width:24px}.toast-message{color:var(--color-text-primary);font-size:var(--font-size-md);word-break:break-word}.toast-close{background:#0000;border:none;color:inherit;cursor:pointer;font-size:var(--font-size-lg);line-height:1;margin-left:var(--spacing-sm);opacity:.7;padding:0;transition:opacity var(--transition-normal)}.toast-close:hover{opacity:1}.toast-success{background-color:var(--color-success-light);border-left:4px solid var(--color-success)}.toast-error{background-color:var(--color-danger-light);border-left:4px solid var(--color-danger)}.toast-info{background-color:var(--color-info-light);border-left:4px solid var(--color-info)}.toast-warning{background-color:var(--color-warning-light);border-left:4px solid var(--color-warning)}@keyframes toast-slide-in{0%{transform:translateX(120%)}to{transform:translateX(0)}}@keyframes toast-fade-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(10%)}}.success-icon{background-color:var(--color-success)}.error-icon,.success-icon{color:var(--color-text-inverse)}.error-icon{background-color:var(--color-danger)}.info-icon{background-color:var(--color-info)}.info-icon,.warning-icon{color:var(--color-text-inverse)}.warning-icon{background-color:var(--color-warning)}.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,var(--color-primary-light),var(--color-primary-dark));box-shadow:var(--shadow-medium);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:160px}.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:var(--color-text-primary);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{color:var(--color-text-light);transform:translateY(-2px)}.nav svg{font-size:var(--font-size-lg)}.user-menu{position:relative}.user-menu-toggle{align-items:center;border-radius:var(--border-radius-sm);color:var(--color-text-primary);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:#ffffff4d;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-color:var(--color-background-light);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);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:var(--color-text-primary);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:var(--color-background);color:var(--color-text-primary);padding-left:calc(var(--spacing-md) + 4px)}.dropdown-menu svg{color:var(--color-primary-dark);font-size:var(--font-size-md)}@media (max-width:768px){.header-content{flex-direction:column}.logo{margin-bottom:var(--spacing-md)}.nav ul{align-items:center;flex-direction:column}.nav li{margin:var(--spacing-sm) 0}.user-menu{margin-top:var(--spacing-sm);width:100%}.user-menu-toggle{justify-content:center}.dropdown-menu{animation:none;box-shadow:none;margin-top:var(--spacing-xs);position:static;width:100%}}.footer{background-color:#ffa000;color:#5d4037;margin-top:60px;padding:40px 0 20px}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between}.footer-info,.footer-links{flex-basis:48%;margin-bottom:20px}.footer h3{color:#3e2723;font-size:20px;margin-bottom:15px}.footer p{margin:8px 0}.footer a{color:#5d4037;text-decoration:none;transition:color .3s}.footer a:hover{color:#3e2723;text-decoration:underline}.footer-links ul{list-style:none;padding:0}.footer-links li{margin-bottom:10px}.footer-bottom{border-top:1px solid #5d403733;margin-top:30px;padding-top:20px;text-align:center}@media (max-width:768px){.footer-content{flex-direction:column}.footer-info,.footer-links{flex-basis:100%}}
/*# sourceMappingURL=main.f2070a87.css.map*/