:root{--color-primary:#c2410c;--color-primary-hover:#9a3412;--color-accent:#f97316;--color-success:#15803d;--color-warning:#b45309;--color-danger:#b91c1c;--color-info:#0f766e;--color-sidebar:#202624;--color-sidebar-secondary:#2b332f;--color-background:#f6f7f5;--color-surface:#fff;--color-text:#202624;--color-text-secondary:#64736c;--color-border:#e1e6df;--primary-color:var(--color-primary);--text-muted:var(--color-text-secondary);--text-main:var(--color-text);--border-color:var(--color-border);--bg-body:var(--color-background);--bg-card:var(--color-surface);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:inherit}.app-layout{background-color:var(--color-background);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--color-sidebar);color:#fff;z-index:100;transition:width var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 8px #00000026}.sidebar-header{height:var(--header-height);background-color:var(--color-sidebar-secondary);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:0 1.25rem;display:flex}.sidebar-brand{color:#fff;letter-spacing:-.025em;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.sidebar-brand-icon{background:linear-gradient(135deg, var(--color-primary), #f97316);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:800;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem .75rem;display:flex;overflow-y:auto}.nav-section-title{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;padding:.75rem .75rem .35rem;font-size:.7rem;font-weight:700}.nav-item{color:#cbd5e1;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:.75rem;padding:.65rem .85rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background-color:var(--color-sidebar-secondary);color:#fff;text-decoration:none}.nav-item.active{background-color:var(--color-primary);color:#fff}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.nav-icon>.fa-solid{font-size:1rem;line-height:1}.nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.main-wrapper{margin-left:var(--sidebar-width);min-width:0;transition:margin-left var(--transition-normal);flex-direction:column;flex:1;display:flex}.header{height:var(--header-height);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:90;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0}.header-left,.header-right{align-items:center;gap:1rem;display:flex}.header-title{color:var(--color-text);font-size:1.35rem;font-weight:600}.content-area{flex:1;padding:1.5rem}.user-menu{border-radius:var(--radius-md);background-color:var(--color-background);border:1px solid var(--color-border);align-items:center;gap:.75rem;padding:.35rem .75rem;display:flex}.user-avatar{background-color:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;display:flex}.user-info{flex-direction:column;line-height:1.2;display:flex}.user-name{color:var(--color-text);font-size:.85rem;font-weight:600}.user-role{color:var(--color-text-secondary);font-size:.72rem}.card{background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow:hidden}.card-header{border-bottom:1px solid var(--color-border);background-color:#fafafa;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.card-title{color:var(--color-text);font-size:1rem;font-weight:600}.card-body{padding:1.25rem}.card-footer{border-top:1px solid var(--color-border);background-color:#fafafa;padding:.85rem 1.25rem}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled,.btn.disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);color:#fff}.btn-secondary{color:var(--color-text);border-color:var(--color-border);background-color:#f1f5f9}.btn-secondary:hover:not(:disabled){background-color:#e2e8f0}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background-color:#15803d}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-warning{background-color:var(--color-warning);color:#fff}.btn-warning:hover:not(:disabled){background-color:#b45309}.btn-info{background-color:var(--color-info);color:#fff}.btn-info:hover:not(:disabled){background-color:#115e59}.btn-sm{padding:.35rem .65rem;font-size:.775rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.action-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.action-btn .fa-solid{font-size:.875rem;line-height:1}.action-btn:disabled{opacity:.55;cursor:not-allowed}.action-btn:not(:disabled):hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.action-btn-view:hover{color:var(--color-info);background-color:#e0f2fe;border-color:#bae6fd}.action-btn-edit:hover{color:var(--color-warning);background-color:#fef3c7;border-color:#fde68a}.action-btn-delete:hover{color:var(--color-danger);background-color:#fee2e2;border-color:#fca5a5}.action-btn-print:hover{color:#7e22ce;background-color:#f3e8ff;border-color:#e9d5ff}.action-btn-history:hover{color:#4338ca;background-color:#e0e7ff;border-color:#c7d2fe}.form-group{margin-bottom:1rem}.form-label{color:var(--color-text);margin-bottom:.35rem;font-size:.85rem;font-weight:500;display:block}.form-label.required:after{content:" *";color:var(--color-danger)}.form-input,.form-select,.form-textarea{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.55rem .75rem;font-size:.875rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #c2410c26}.form-input.is-invalid,.form-select.is-invalid{border-color:var(--color-danger)}.form-input.is-invalid:focus{box-shadow:0 0 0 3px #dc262626}.form-error{color:var(--color-danger);margin-top:.25rem;font-size:.775rem}.form-hint{color:var(--color-text-secondary);margin-top:.25rem;font-size:.775rem}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.table th{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);white-space:nowrap;background-color:#f6f7f5;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.table td{font-variant-numeric:tabular-nums;border-bottom:1px solid var(--color-border);vertical-align:middle;color:var(--color-text);padding:.75rem 1rem}.table tbody tr:hover{background-color:#f8fafc}.table-actions{align-items:center;gap:.35rem;display:flex}.badge{border-radius:9999px;align-items:center;padding:.2rem .5rem;font-size:.725rem;font-weight:600;line-height:1;display:inline-flex}.badge-primary{color:#1e40af;background-color:#dbeafe}.badge-secondary{color:#475569;background-color:#f1f5f9}.badge-success{color:#166534;background-color:#dcfce7}.badge-danger{color:#991b1b;background-color:#fee2e2}.badge-warning{color:#92400e;background-color:#fef3c7}.badge-info{color:#075985;background-color:#e0f2fe}.alert{border-radius:var(--radius-md);border:1px solid #0000;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.85rem 1rem;font-size:.875rem;display:flex}.alert-success{color:#166534;background-color:#f0fdf4;border-color:#bbf7d0}.alert-danger{color:#991b1b;background-color:#fef2f2;border-color:#fecaca}.alert-warning{color:#92400e;background-color:#fffbeb;border-color:#fde68a}.alert-info{color:#075985;background-color:#f0f9ff;border-color:#bae6fd}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background-color:#0f172a80;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:540px;max-height:90vh;animation:.2s ease-out slideUp;display:flex;overflow:hidden}.modal-lg{max-width:800px}.modal-sm{max-width:400px}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-title{color:var(--color-text);font-size:1.1rem;font-weight:600}.modal-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem;line-height:1}.modal-close:hover{color:var(--color-text)}.modal-body{padding:1.25rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-border);background-color:#fafafa;justify-content:flex-end;align-items:center;gap:.5rem;padding:.85rem 1.25rem;display:flex}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);background-color:var(--color-sidebar);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--transition-fast);pointer-events:none;z-index:1000;padding:.35rem .65rem;font-size:.725rem;font-weight:500;position:absolute;bottom:125%;left:50%;transform:translate(-50%)}[data-tooltip]:hover:before,[data-tooltip]:focus-visible:before{opacity:1;visibility:visible}.login-container{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:2.25rem;box-shadow:0 20px 25px -5px #0000004d}.login-brand{text-align:center;margin-bottom:2rem}.login-logo{background:linear-gradient(135deg, var(--color-primary), #f97316);border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:.75rem;font-size:1.75rem;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #c2410c4d}.login-title{color:var(--color-text);font-size:1.5rem;font-weight:700}.login-subtitle{color:var(--color-text-secondary);margin-top:.25rem;font-size:.85rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-wrapper{margin-left:0}.content-area{padding:1rem}}.sidebar-search{padding:.75rem .75rem .25rem}.sidebar-search-field{position:relative}.sidebar-search-field>.fa-solid{color:#aebfd3;pointer-events:none;font-size:.82rem;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.sidebar-search-input{border-radius:var(--radius-md);color:#fff;background:var(--color-sidebar-secondary);border:1px solid #cbd5e159;outline:none;width:100%;min-width:0;padding:.6rem .75rem .6rem 2.25rem;font-size:.85rem;display:block}.sidebar-search-input::placeholder{color:#aebfd3;opacity:1}.sidebar-search-input:focus-visible{border-color:#fdba74;box-shadow:0 0 0 2px #c2410c33}.sidebar-search-input::-webkit-search-cancel-button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flash-notifications{top:calc(var(--header-height) + .75rem);z-index:1200;pointer-events:none;gap:.65rem;width:min(390px,100vw - 2rem);display:grid;position:fixed;right:1rem}.flash-notice{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-lg);color:var(--color-text);pointer-events:auto;border-left:4px solid;align-items:flex-start;gap:.75rem;padding:.9rem;animation:.18s ease-out both flash-notice-enter;display:flex}.flash-notice-success{border-left-color:var(--color-success)}.flash-notice-warning{border-left-color:var(--color-warning)}.flash-notice-error{border-left-color:var(--color-danger)}.flash-notice-symbol{color:#fff;background:var(--color-success);border-radius:50%;flex:0 0 1.5rem;place-items:center;width:1.5rem;height:1.5rem;font-weight:800;display:grid}.flash-notice-warning .flash-notice-symbol{background:var(--color-warning)}.flash-notice-error .flash-notice-symbol{background:var(--color-danger)}.flash-notice-body{overflow-wrap:anywhere;flex:1;min-width:0}.flash-notice-body strong{font-size:.875rem;line-height:1.3;display:block}.flash-notice-body p{margin-top:.25rem;font-size:.85rem;line-height:1.4}.flash-notice-dismiss{width:1.7rem;height:1.7rem;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;flex:0 0 1.7rem;font-size:1.3rem;line-height:1}.flash-notice-dismiss:hover,.flash-notice-dismiss:focus-visible{color:var(--color-text);background:var(--color-background);outline-offset:2px}@keyframes flash-notice-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.flash-notice{animation:none}}.listing-compact{width:100%;min-width:0;max-width:none}.listing-compact .listing-filter-card{padding:.85rem 1rem}.listing-filter-grid{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(135px,1fr)) auto;align-items:end;gap:.75rem;display:grid}.listing-filter-grid--body{margin-bottom:1rem}.listing-filter-field{min-width:0}.listing-filter-field :is(input,select){width:100%;min-width:0}.listing-filter-actions{align-self:end;gap:.5rem;display:flex}.listing-filter-actions .btn{min-height:36px}.listing-compact :is(.table-responsive,.table-container){-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width>=1024px){.content-area{padding:1rem 1.25rem}.listing-compact.card,.listing-compact .card{margin-bottom:1rem}.listing-compact .card-header{padding:.8rem 1rem}.listing-compact .card-body{padding:1rem}.listing-compact .table th,.listing-compact .table td{padding:.6rem .7rem}}@media (width<=1220px){.listing-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.listing-filter-grid{grid-template-columns:minmax(0,1fr)}.listing-filter-actions .btn{width:100%}}.table-action-tooltip{z-index:11000;background:var(--color-sidebar);color:#fff;text-align:center;overflow-wrap:anywhere;pointer-events:none;border-radius:.4rem;max-width:calc(100vw - 24px);padding:.45rem .65rem;font-size:.75rem;font-weight:500;line-height:1.35;animation:.12s ease-out both table-action-in;position:fixed;box-shadow:0 8px 24px #0f172a38}@keyframes table-action-in{0%{opacity:0}to{opacity:1}}.action-btn{flex:0 0 34px;width:34px;height:34px;text-decoration:none}.action-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.action-btn-success{color:var(--color-success)}.action-btn-success:hover{color:#166534;background:#dcfce7;border-color:#86efac}.table-actions{flex-wrap:nowrap;justify-content:flex-end;gap:.35rem}.listing-compact :is(.table-actions,.table-action-tooltip){white-space:nowrap}@media (prefers-reduced-motion:reduce){.table-action-tooltip{animation:none}.action-btn{transition:none}.action-btn:not(:disabled):hover{transform:none}}.modal:focus{outline:none}.modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.modal-close:disabled{opacity:.45;cursor:not-allowed}@media (width<=768px){.modal-backdrop{align-items:center;padding:.65rem}.modal{max-height:calc(100dvh - 1.3rem)}.modal-header,.modal-body{padding:.9rem}.modal-footer{flex-wrap:wrap;padding:.75rem .9rem}.modal-close{place-items:center;min-width:40px;min-height:40px;display:inline-grid}.table-actions .action-btn{flex-basis:40px;width:40px;height:40px}}.content-area--pos{min-width:0;padding:.85rem 1rem}@media (width>=1024px){.content-area--pos{padding:.85rem 1rem}}@media (width<=768px){.content-area--pos{padding:.75rem}}.sidebar-header{gap:.5rem}.sidebar-brand{min-width:0}.sidebar-brand>span{white-space:nowrap;overflow:hidden}.sidebar-collapse-btn,.sidebar-search-launch{color:#fff;border-radius:var(--radius-md);cursor:pointer;width:34px;height:34px;transition:background-color var(--transition-fast), color var(--transition-fast);background:#ffffff12;border:1px solid #ffffff24;flex:0 0 34px;justify-content:center;align-items:center;display:inline-flex}.sidebar-collapse-btn:hover,.sidebar-search-launch:hover{background:#f9731638}.sidebar-collapse-btn:focus-visible,.sidebar-search-launch:focus-visible,.sidebar-nav .nav-item:focus-visible{outline-offset:2px;outline:2px solid #fdba74}.sidebar-search-launch,.sidebar-mobile-toggle,.sidebar-mobile-backdrop{display:none}@media (width>=769px){.app-layout.sidebar--collapsed .sidebar{width:var(--sidebar-collapsed-width)}.app-layout.sidebar--collapsed .main-wrapper{margin-left:var(--sidebar-collapsed-width)}.app-layout.sidebar--collapsed .sidebar-header{height:auto;min-height:var(--header-height);flex-direction:column;gap:.35rem;padding:.5rem}.app-layout.sidebar--collapsed .sidebar-brand>span,.app-layout.sidebar--collapsed .sidebar-search{display:none}.app-layout.sidebar--collapsed .sidebar-search-launch{align-self:center;margin:.65rem 0 .15rem;display:inline-flex}.app-layout.sidebar--collapsed .sidebar-nav{padding:.65rem .5rem}.app-layout.sidebar--collapsed .nav-item{justify-content:center;gap:0;padding:.7rem 0}.app-layout.sidebar--collapsed .nav-icon{width:24px;height:24px}.app-layout.sidebar--collapsed .nav-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-layout.sidebar--collapsed .nav-section-title{background:#ffffff2e;height:1px;margin:.55rem .3rem;padding:0;font-size:0}}@media (width<=768px){.sidebar-mobile-toggle{display:inline-flex}.sidebar-mobile-backdrop{z-index:99;cursor:pointer;background:#1118147a;border:0;display:block;position:fixed;inset:0}.sidebar{width:min(var(--sidebar-width), calc(100vw - 48px))}}@media (prefers-reduced-motion:reduce){.sidebar,.main-wrapper,.sidebar-collapse-btn,.sidebar-search-launch{transition:none}}a.action-btn,a.action-btn:hover,a.action-btn:focus-visible,a.action-btn:active,a.btn,a.btn:hover,a.btn:focus-visible,a.btn:active{text-decoration:none}@media (width<=768px){.header{height:auto;min-height:var(--header-height);gap:8px;padding:8px 12px}.header-left{flex:auto;gap:8px;min-width:0}.header-title{overflow-wrap:break-word;min-width:0;font-size:16px;line-height:1.25}.header-right{flex:none;gap:6px;min-width:0}.header .user-info{display:none}.header .user-menu{background:0 0;border:0;gap:0;padding:3px}.header .user-avatar{flex:0 0 30px;width:30px;height:30px}.header .sidebar-mobile-toggle{flex:0 0 34px;width:34px;height:34px}.header .btn-sm{padding:6px 8px;font-size:12px}}