.error-boundary{align-items:center;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:24px}.error-boundary__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-width:400px;padding:48px 40px;text-align:center}.error-boundary__title{color:var(--color-text);font-size:22px;font-weight:600;margin:0 0 12px}.error-boundary__text{color:var(--color-text-muted);font-size:15px;line-height:1.5;margin:0 0 24px}.error-boundary__btn{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:background var(--transition-fast)}.error-boundary__btn:hover{background:var(--color-primary-hover)}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:10px;max-width:360px;pointer-events:none;position:fixed;right:24px;z-index:10000}.toast-container>*{pointer-events:auto}.toast{align-items:center;animation:toast-in .25s ease-out;border:1px solid #0000;border-radius:var(--radius-md);box-shadow:0 4px 20px #00000026;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:space-between;padding:14px 18px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast--success{background:#f0fdf4;border-color:#86efac;color:#166534}.toast--error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.toast--info{background:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text)}.toast__message{flex:1 1;min-width:0}.toast__close{background:#0000;border:none;border-radius:4px;color:inherit;cursor:pointer;flex-shrink:0;font-size:20px;height:24px;line-height:1;opacity:.7;padding:0;width:24px}.toast__close:hover{background:#0000000f;opacity:1}.main-layout{background:var(--color-bg);display:grid;grid-template-areas:"sidebar header" "sidebar content";grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;height:100vh;transition:grid-template-columns var(--transition-smooth)}@media(max-width:768px){.main-layout{grid-template-areas:"header" "sidebar" "content";grid-template-columns:1fr;grid-template-rows:auto auto 1fr}}.main-layout--sidebar-collapsed{grid-template-columns:var(--sidebar-width-collapsed) 1fr}@media(max-width:768px){.main-layout--sidebar-collapsed{grid-template-columns:1fr}}.main-layout__header{align-items:center;background:var(--color-bg-card);border-bottom:1px solid var(--color-border);box-shadow:0 1px 0 #0000000a;display:flex;gap:16px;grid-area:header;justify-content:space-between;padding:0 24px 0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.main-layout__header-left{align-items:center;display:flex;gap:14px;min-width:0}.main-layout__sidebar-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);display:flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:color var(--transition-fast),background var(--transition-fast);width:40px}.main-layout__sidebar-toggle:hover{background:var(--color-primary-light);color:var(--color-primary)}.main-layout__brand{color:var(--color-text);font-size:18px;font-weight:600;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.main-layout__brand{font-size:16px}}.main-layout__user{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:12px;padding:6px 12px 6px 6px}.main-layout__user,.main-layout__user-icon{align-items:center;display:flex;flex-shrink:0}.main-layout__user-icon{background:var(--color-primary-light);border-radius:50%;color:var(--color-primary);height:36px;justify-content:center;width:36px}.main-layout__user-info{align-items:flex-end;display:flex;flex-direction:column;gap:0;min-width:0}@media(max-width:768px){.main-layout__user-info{display:none}}.main-layout__user-name{color:var(--color-text);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-layout__user-role{color:var(--color-text-muted);font-size:12px;font-weight:400}.main-layout__logout{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:8px 14px;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.main-layout__logout:hover{background:var(--color-bg-card);border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:768px){.main-layout__logout-text{display:none}}.main-layout__sidebar{background:var(--color-sidebar-bg);border-right:2px solid var(--color-sidebar-border);box-shadow:4px 0 16px #0000000f;grid-area:sidebar;height:100vh;overflow-x:hidden;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0}.main-layout__sidebar::-webkit-scrollbar{height:8px;width:8px}.main-layout__sidebar::-webkit-scrollbar-track{background:var(--color-border);border-radius:4px}.main-layout__sidebar::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:4px}.main-layout__sidebar{transition:width var(--transition-smooth),box-shadow var(--transition-smooth)}@media(max-width:768px){.main-layout__sidebar{border-bottom:1px solid var(--color-sidebar-border);border-right:none;box-shadow:none;height:auto;max-height:50vh;overflow-x:auto;overflow-y:hidden;position:relative}}.main-layout__nav{display:flex;flex-direction:column;gap:4px;min-width:0;padding:16px 12px}@media(max-width:768px){.main-layout__nav{flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:center;padding:12px 16px}}.main-layout__nav-group{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.main-layout__nav-group:last-child{margin-bottom:0}@media(max-width:768px){.main-layout__nav-group{margin-bottom:4px}}.main-layout__nav-group-label{color:var(--color-text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;overflow:hidden;padding:8px 14px 4px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.main-layout__nav-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);display:flex;font-size:14px;font-weight:500;gap:12px;min-width:0;padding:12px 14px;position:relative;text-align:left;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);white-space:nowrap}@media(max-width:768px){.main-layout__nav-item{border-radius:var(--radius-sm);flex:0 0 auto;padding:10px 14px}}.main-layout__nav-item:hover{background:#ffffffb3;color:var(--color-text)}.main-layout__nav-item--active{background:var(--color-bg-card);box-shadow:0 1px 3px #0000000f;color:var(--color-primary);font-weight:600}.main-layout__nav-item--active:before{background:var(--color-primary);border-radius:0 2px 2px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}@media(max-width:768px){.main-layout__nav-item--active:before{display:none}.main-layout__nav-item--active{border-bottom:2px solid var(--color-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0}}.main-layout__nav-icon{align-items:center;display:flex;flex-shrink:0;height:22px;justify-content:center;opacity:.9;width:22px}.main-layout__nav-item--active .main-layout__nav-icon{opacity:1}.main-layout__nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.main-layout--sidebar-collapsed .main-layout__nav-item{justify-content:center;padding:12px}@media(max-width:768px){.main-layout--sidebar-collapsed .main-layout__nav-item{justify-content:center;padding:10px 14px}}.main-layout--sidebar-collapsed .main-layout__nav-item--active:before{height:20px;left:0}@media(min-width:769px){.main-layout--sidebar-collapsed .main-layout__nav-label{margin:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;width:0}}.main-layout__content{grid-area:content;overflow:auto;padding:28px 24px}.main-layout__content::-webkit-scrollbar{height:8px;width:8px}.main-layout__content::-webkit-scrollbar-track{background:var(--color-border);border-radius:4px}.main-layout__content::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:4px}.main-layout__content{min-width:0}@media(max-width:768px){.main-layout--sidebar-collapsed .main-layout__nav-label{opacity:1;overflow:visible;position:static;width:auto}}.loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:32px}.loading__spinner{animation:loading-spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}.loading__text{color:var(--color-text-muted);font-size:14px}.error-state{color:var(--color-error);flex-direction:column;gap:12px;padding:32px}.error-state,.error-state__icon{align-items:center;display:flex;justify-content:center}.error-state__icon{background:var(--color-error);border-radius:50%;color:#fff;font-size:24px;font-weight:400;height:48px;width:48px}.error-state__message{color:var(--color-text);margin:0;text-align:center}.error-state__retry{background:#0000;border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);font-size:14px;font-weight:500;padding:8px 18px;transition:background var(--transition-fast),color var(--transition-fast)}.error-state__retry:hover{background:var(--color-primary-light)}.empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:48px 24px}.empty-state__icon{color:var(--color-text-muted);flex-shrink:0;opacity:.6}.empty-state__message{color:var(--color-text-muted);font-size:15px;margin:0;max-width:320px;text-align:center}.empty-state__action{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:10px 20px;transition:background var(--transition-fast)}.empty-state__action:hover{background:var(--color-primary-hover)}.confirm-modal__backdrop{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.confirm-modal{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001f;max-width:90vw;min-width:320px;padding:24px}.confirm-modal__title{color:var(--color-text);font-size:18px;font-weight:600;margin:0 0 12px}.confirm-modal__message{color:var(--color-text-muted);font-size:14px;line-height:1.4;margin:0 0 20px}.confirm-modal__actions{display:flex;gap:12px;justify-content:flex-end}.confirm-modal__btn{border-radius:var(--radius-md);font-size:14px;font-weight:500;padding:10px 18px;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.confirm-modal__btn--cancel{background:#0000;border:1px solid var(--color-border);color:var(--color-text)}.confirm-modal__btn--cancel:hover{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.confirm-modal__btn--confirm{background:var(--color-primary);border:1px solid var(--color-primary);color:#fff}.confirm-modal__btn--confirm:hover{background:var(--color-primary-hover)}.confirm-modal__btn--danger{background:#0000;border:1px solid var(--color-error);color:var(--color-error)}.confirm-modal__btn--danger:hover{background:var(--color-error-light)}.select{min-width:140px;position:relative}.select--disabled .select__trigger{cursor:not-allowed;opacity:.6}.select--open .select__chevron{transform:rotate(180deg)}.select__trigger{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md,10px);box-sizing:border-box;color:var(--color-text);cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:8px;justify-content:space-between;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.select__trigger:focus,.select__trigger:hover:not(:disabled){border-color:var(--color-primary)}.select__trigger:focus{box-shadow:0 0 0 2px #2563eb26;outline:none}.select__value{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.select__chevron{align-items:center;color:var(--color-text-muted);display:flex;flex-shrink:0;justify-content:center;transition:transform .2s ease}.select__dropdown{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md,10px);box-shadow:0 8px 24px #0000001f;left:0;max-height:240px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.select__option{background:none;border:none;border-radius:6px;color:var(--color-text);cursor:pointer;display:block;font-size:14px;font-weight:400;padding:10px 12px;text-align:left;transition:background .1s ease;width:100%}.select__option:hover{background:var(--color-bg)}.select__option--selected{background:#2563eb1a;color:var(--color-primary)}.donut-chart{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.donut-chart__svg{display:block}.donut-chart__center{color:var(--color-text);font-size:13px;font-weight:700;left:50%;line-height:1.3;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);white-space:pre-line}.donut-chart--empty{color:var(--color-text-muted);font-size:13px;padding:24px}.sparkline{display:block;overflow:visible}.skeleton{animation:skeleton-shine 1s ease-in-out infinite;background:linear-gradient(90deg,var(--color-bg) 0,var(--color-border) 50%,var(--color-bg) 100%);background-size:200% 100%;border-radius:var(--radius-sm)}.skeleton--text{height:1em;min-width:60px}.skeleton--title{border-radius:var(--radius-md);height:28px;max-width:200px;width:40%}.skeleton--card{height:100px;width:100%}.skeleton--row{height:48px;width:100%}@keyframes skeleton-shine{to{background-position:200% 0}}.skeleton-table{border-collapse:collapse;width:100%}.skeleton-table td{border-bottom:1px solid var(--color-border);padding:14px 18px}.skeleton-table .skeleton{height:16px;max-width:120px;width:80%}.skeleton-table tr:last-child td{border-bottom:none}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.pagination__btn{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:14px;font-weight:500;height:36px;min-width:36px;padding:0 10px;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.pagination__btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination__btn:disabled{cursor:not-allowed;opacity:.4}.pagination__btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination__btn--active:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.pagination__info{color:var(--color-text-muted);font-size:13px;margin-left:8px}:root{--color-bg:#f1f5f9;--color-bg-card:#fff;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#2563eb14;--color-text:#0f172a;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-error:#dc2626;--color-error-light:#dc262614;--color-success:#16a34a;--color-warning:#d97706;--sidebar-width:260px;--sidebar-width-collapsed:72px;--header-height:60px;--color-sidebar-bg:#d8dee8;--color-sidebar-border:#b8c2d0;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;--shadow-card:0 1px 3px #0000000f;--shadow-sidebar:2px 0 12px #0000000a;--transition-fast:0.15s ease;--transition-smooth:0.2s ease}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#f1f5f9;background:var(--color-bg);color:#0f172a;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:400;margin:0;min-width:320px}a{color:#2563eb;color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select,textarea{background:#fff;background:var(--color-bg-card);color:#0f172a;color:var(--color-text);font-family:inherit;font-size:14px}input::placeholder,select::placeholder,textarea::placeholder{color:#64748b;color:var(--color-text-muted)}input:focus,select:focus,textarea:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb14;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);padding:10px 14px;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-label-required{color:#dc2626;color:var(--color-error,#b91c1c);font-weight:500}.loading-inline{align-items:center;color:#64748b;color:var(--color-text-muted);display:inline-flex;font-size:13px;gap:8px;padding:8px 0}.loading-inline .loading-inline__spinner{animation:loading-spin .7s linear infinite;border:2px solid #e2e8f0;border-top-color:#2563eb;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:18px;width:18px}@keyframes loading-spin{to{transform:rotate(1turn)}}.access-denied-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.access-denied-box{background:#fff;background:var(--color-bg-card);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 20px #00000026;min-width:280px;padding:24px;text-align:center}.access-denied-text{color:#0f172a;color:var(--color-text);font-size:16px;margin:0 0 20px}.access-denied-btn{background:#2563eb;background:var(--color-primary);border:none;border-radius:10px;border-radius:var(--radius-md,10px);color:#fff;cursor:pointer;font-size:14px;padding:8px 20px}.access-denied-btn:hover{background:#1d4ed8;background:var(--color-primary-hover)}
/*# sourceMappingURL=main.fcc0e3be.css.map*/