*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth;text-rendering:optimizeLegibility}button{cursor:pointer;font-family:inherit}*{scrollbar-color:#0000001f #0000;scrollbar-width:thin}::-webkit-scrollbar{height:4px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}[data-theme=dark] *{scrollbar-color:#ffffff1f #0000}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1f}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff40}img{display:block;height:auto;max-width:100%}input,select,textarea{font-family:inherit;font-size:100%}:root{--primary:#000;--primary-hover:#1a1a1a;--primary-dark:#000;--primary-light:#0000000d;--primary-focus:#0003;--primary-alpha:#0000001a;--accent-color:#000;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--success:#10b981;--success-dark:#059669;--success-bg:#ecfdf5;--success-light:#10b9811a;--error:#ef4444;--error-dark:#dc2626;--error-bg:#fef2f2;--danger:#ef4444;--danger-hover:#dc2626;--danger-light:#ef44441a;--warning:#f59e0b;--warning-dark:#d97706;--warning-bg:#fffbeb;--warning-light:#fbbf241a;--info:#3b82f6;--info-dark:#2563eb;--info-bg:#eff6ff;--info-light:#3b82f61a;--bg-primary:#fff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f6;--bg-elevated:#fff;--bg-veryless:#f3f4f669;--text-primary:#171717;--text-secondary:#525252;--text-tertiary:#a3a3a3;--text-disabled:#d4d4d4;--border-primary:#e5e5e5;--border-secondary:#d4d4d4;--border-focus:#000;--border-color:#e5e5e5;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--sidebar-width:240px;--sidebar-collapsed:64px;--header-height:64px;--max-content-width:1400px;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono","Courier New",monospace;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--font-size-xs:0.75rem;--font-size-sm:0.8125rem;--font-size-base:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--color-primary:var(--accent-color,var(--primary));--color-success:var(--success);--color-danger:var(--danger);--color-warning:var(--warning);--color-info:var(--info)}.dark,[data-theme=dark]{--primary:#fff;--primary-hover:#e5e5e5;--primary-dark:#1e40af;--primary-light:#ffffff1a;--primary-focus:#fff3;--primary-alpha:#ffffff1a;--gray-50:#171717;--gray-100:#262626;--gray-200:#404040;--gray-300:#525252;--gray-400:#737373;--gray-500:#a3a3a3;--gray-600:#d4d4d4;--gray-700:#e5e5e5;--gray-800:#f5f5f5;--gray-900:#fafafa;--success-bg:#10b98126;--success-light:#10b98126;--error-bg:#7f1d1d;--warning-bg:#78350f;--warning-light:#fbbf2426;--danger-light:#ef444426;--info-bg:#1e3a8a;--info-light:#3b82f626;--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#141414;--bg-elevated:#1a1a1a;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-tertiary:#737373;--text-disabled:#404040;--border-primary:#262626;--border-secondary:#404040;--border-focus:#fff;--border-color:#262626;--shadow-xs:0 1px 2px 0 #0006;--shadow-sm:0 1px 3px 0 #00000080;--shadow-md:0 4px 6px -1px #0009;--shadow-lg:0 10px 15px -3px #000000b3;--shadow-xl:0 20px 25px -5px #000c}body{background:#fff;background:var(--bg-primary);background-attachment:fixed;background-image:none;background-image:var(--app-bg-image,none);background-size:cover;background-size:var(--app-bg-size,cover);color:#171717;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-base),color var(--transition-base)}body.modal-open{overflow:hidden}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.spin{animation:spin 1s linear infinite}.app-container{background:#fff;background:var(--bg-primary);display:flex;min-height:100vh}.page-content{margin:0 auto;max-width:1400px;max-width:var(--max-content-width);padding:1rem;padding:var(--space-md);width:100%}.sidebar{background:#fff;background:var(--bg-elevated);border-right:1px solid #e5e5e5;border-right:1px solid var(--border-primary);bottom:0;box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--transition-slow);width:240px;width:var(--sidebar-width);z-index:1030;z-index:var(--z-fixed)}.sidebar-collapsed{width:64px;width:var(--sidebar-collapsed)}.sidebar-right{border-left:1px solid #e5e5e5;border-left:1px solid var(--border-primary);border-right:none;left:auto;right:0}.sidebar-header{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary);display:flex;flex-shrink:0;gap:.5rem;gap:var(--space-sm);justify-content:space-between;min-height:64px;min-height:var(--header-height);padding:1rem;padding:var(--space-md)}.sidebar-collapsed .sidebar-header{justify-content:center;padding:.5rem;padding:var(--space-sm)}.sidebar-collapsed .sidebar-header>.brand-icon-box{display:none}.sidebar-collapsed .sidebar-toggle{height:36px;min-height:36px;min-width:36px;width:36px}.sidebar-brand{gap:.625rem;min-width:0;overflow:hidden}.brand-icon-box,.sidebar-brand{align-items:center;display:flex}.brand-icon-box{background:#000;background:var(--accent-color,var(--primary));border-radius:8px;border-radius:var(--radius-lg);color:#fff;flex-shrink:0;height:32px;justify-content:center;width:32px}.brand-name,.brand-text{overflow:hidden}.brand-name{color:#171717;color:var(--text-primary);font-size:.9375rem;font-weight:700;margin:0;max-width:155px;text-overflow:ellipsis;white-space:nowrap}.brand-role{font-size:.6875rem;margin:0}.brand-role,.sidebar-toggle{color:#525252;color:var(--text-secondary)}.sidebar-toggle{align-items:center;background:#fafafa;background:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:6px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;min-height:30px;min-width:30px;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);width:30px}.sidebar-toggle:hover{background:#f5f5f6;background:var(--bg-tertiary);border-color:#d4d4d4;border-color:var(--border-secondary);color:#171717;color:var(--text-primary)}.sidebar-toggle:active{transform:scale(.95)}.sidebar-nav{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:2px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:.5rem;scrollbar-color:#d4d4d4 #0000;scrollbar-color:var(--border-secondary) #0000;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:2px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#d4d4d4;background:var(--border-secondary);border-radius:1px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#a3a3a3;background:var(--gray-400)}.nav-item{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-md);color:#525252;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:.8125rem;font-size:var(--font-size-sm);font-weight:400;gap:.5rem;line-height:1.3;overflow:hidden;padding:.45rem .75rem;text-align:left;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap;width:100%}.nav-item:hover{background:#f5f5f6;background:var(--bg-tertiary);color:#171717;color:var(--text-primary)}.nav-item:active{transform:scale(.98)}.nav-item-active{box-shadow:0 2px 8px #00000026;font-weight:600}.nav-item-active,.nav-item-active:hover{background:#000;background:var(--accent-color,var(--primary));color:#fff}.nav-item-active:hover{opacity:.9}.sidebar-collapsed .nav-item{border-radius:6px;border-radius:var(--radius-md);justify-content:center;padding:.5rem}.nav-icon{flex-shrink:0;height:18px;width:18px}.nav-label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.nav-item-group{display:flex;flex-direction:column}.nav-item-parent .nav-caret{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;margin-left:auto;opacity:.7;transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast),opacity var(--transition-fast)}.nav-item-parent:hover .nav-caret{opacity:1}.sidebar-collapsed .nav-caret{display:none}.nav-submenu{animation:nav-submenu-slide .18s ease-out;border-left:1px solid #e5e5e5;border-left:1px solid var(--border-primary);display:flex;flex-direction:column;gap:2px;margin-left:18px;padding:4px 0 6px 10px}@keyframes nav-submenu-slide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-subitem{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#525252;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8125rem;font-weight:400;gap:.5rem;overflow:hidden;padding:.35rem .75rem;text-align:left;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap;width:100%}.nav-subitem:hover{background:#f5f5f6;background:var(--bg-tertiary);color:#171717;color:var(--text-primary)}.nav-subitem-active{font-weight:600}.nav-subitem-active,.nav-subitem-active:hover{background:#000;background:var(--accent-color,var(--primary));color:#fff}.nav-subitem-active:hover{opacity:.9}.nav-subicon{flex-shrink:0;height:14px;opacity:.85;width:14px}.nav-sublabel{overflow:hidden;text-overflow:ellipsis}.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-submenu{display:none}.sidebar-footer{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:.5rem}.sidebar-dm-toggle{display:flex;justify-content:flex-start;padding:0 .375rem}.sidebar-collapsed .sidebar-dm-toggle{justify-content:center;padding:0}.logout-btn{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-md);color:#ef4444;color:var(--danger);cursor:pointer;display:flex;font-size:.8125rem;font-size:var(--font-size-sm);font-weight:500;gap:.625rem;padding:.5rem .75rem;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast),color var(--transition-fast);width:100%}.sidebar-collapsed .logout-btn{justify-content:center;padding:.5rem}.logout-btn:hover{background:#ef44441a;background:var(--danger-light);color:#dc2626;color:var(--danger-hover)}.logout-btn:active{transform:scale(.98)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;cursor:pointer;display:none;inset:0;opacity:0;position:fixed;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base);z-index:1029;z-index:calc(var(--z-fixed) - 1)}.sidebar-backdrop.active{display:block;opacity:1}.main-content{background:#fff;background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;margin-left:240px;margin-left:var(--sidebar-width);min-height:100vh;overflow-x:hidden;transition:margin .3s cubic-bezier(.4,0,.2,1);transition:margin var(--transition-slow)}.main-content-collapsed{margin-left:64px;margin-left:var(--sidebar-collapsed)}.sidebar-right~.main-content{margin-left:0;margin-right:240px;margin-right:var(--sidebar-width)}.sidebar-right.sidebar-collapsed~.main-content{margin-right:64px;margin-right:var(--sidebar-collapsed)}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-lg);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-xl)}.page-title{color:#171717;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.page-subtitle{color:#525252;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-base);font-weight:400;line-height:1.5;margin-top:.25rem;margin-top:var(--space-xs)}.page-actions{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm)}.card{background:#fff;background:var(--bg-elevated);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);margin-bottom:1.5rem;margin-bottom:var(--space-lg);overflow:hidden;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{border-color:#d4d4d4;border-color:var(--border-secondary);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.card-header{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);justify-content:space-between;padding:1.5rem;padding:var(--space-lg)}.card-title{color:#171717;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-md);font-weight:600;letter-spacing:-.01em}.card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm)}.card-body{padding:1.5rem;padding:var(--space-lg)}.btn{align-items:center;background:#fff;background:var(--bg-elevated);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:6px;border-radius:var(--radius-md);color:#171717;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--font-size-base);font-weight:500;gap:.5rem;gap:var(--space-sm);justify-content:center;letter-spacing:-.01em;min-height:44px;padding:.625rem 1.25rem;text-decoration:none;transition:background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.btn:hover:not(:disabled){background:#fafafa;background:var(--bg-secondary);border-color:#d4d4d4;border-color:var(--border-secondary);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#000;background:var(--accent-color,var(--text-primary));border-color:#000;border-color:var(--accent-color,var(--text-primary));color:#fff;color:var(--bg-primary)}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#0000;border-color:#d4d4d4;border-color:var(--border-secondary);color:#171717;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#f5f5f6;background:var(--bg-tertiary)}.btn-success{background:#10b981;background:var(--success);border-color:#10b981;border-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#059669;background:var(--success-dark);border-color:#059669;border-color:var(--success-dark)}.btn-danger{background:#ef4444;background:var(--danger);border-color:#ef4444;border-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;background:var(--danger-hover);border-color:#dc2626;border-color:var(--danger-hover)}.btn-sm{font-size:.8125rem;font-size:var(--font-size-sm);min-height:36px;padding:.5rem 1rem}.btn-lg{font-size:.9375rem;min-height:48px;padding:.875rem 1.75rem}.btn-full{width:100%}.btn-icon{height:16px;width:16px}.form-label{font-size:.8125rem;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.01em;text-transform:uppercase}.form-input,.form-select{background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:6px;border-radius:var(--radius-md);color:#171717;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:.9375rem;min-height:44px;padding:.75rem 1rem;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input:focus,.form-select:focus{border-color:#000;border-color:var(--border-focus);box-shadow:0 0 0 3px #0003;box-shadow:0 0 0 3px var(--primary-focus);outline:none}.form-input::placeholder{color:#a3a3a3;color:var(--text-tertiary)}.form-input-error{border-color:#ef4444;border-color:var(--error)}.form-input-error:focus{box-shadow:0 0 0 3px #fef2f2;box-shadow:0 0 0 3px var(--error-bg)}.form-error{color:#ef4444;color:var(--error);font-size:.8125rem;font-size:var(--font-size-sm);font-weight:500;margin-top:.5rem;margin-top:var(--space-sm)}.form-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:1fr}.filter-input{background:#fff;background:var(--bg-elevated);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:6px;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--font-size-base);outline:none;padding:.625rem .75rem;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-input:focus{border-color:#000;border-color:var(--primary);box-shadow:0 0 0 3px #0000000d;box-shadow:0 0 0 3px var(--primary-light)}.filters-row,.filters-row-payment{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;gap:var(--space-md);margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.filters-row-payment>*,.filters-row>*{flex:0 1 auto}.filters-row .form-select,.filters-row-payment .form-select{width:auto}.search-input-wrapper{flex:1 1 180px;min-width:150px;position:relative}.search-icon{color:#a3a3a3;color:var(--text-tertiary);height:16px;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.search-input{background:#fff;background:var(--bg-primary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:6px;border-radius:var(--radius-md);color:#171717;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-base);min-height:44px;padding:.75rem 1rem .75rem 2.75rem;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.search-input:focus{border-color:#000;border-color:var(--border-focus);box-shadow:0 0 0 3px #0003;box-shadow:0 0 0 3px var(--primary-focus);outline:none}.search-input::placeholder{color:#a3a3a3;color:var(--text-tertiary)}.search-clear{align-items:center;background:#f5f5f6;background:var(--bg-tertiary);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#525252;color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast),color var(--transition-fast);width:24px}.search-clear:hover{background:#fafafa;background:var(--bg-secondary);color:#171717;color:var(--text-primary)}.filter-select{flex:0 1 auto;min-width:120px;width:auto}.filter-select-sm{flex:0 1 auto;font-size:.875rem;font-size:var(--font-size-base);min-width:100px;padding:.625rem .875rem;width:auto}.sort-btn,.sort-btn-large{align-items:center;background:#fff;background:var(--bg-elevated);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:6px;border-radius:var(--radius-md);color:#525252;color:var(--text-secondary);cursor:pointer;display:flex;gap:.5rem;gap:var(--space-sm);justify-content:center;min-height:44px;min-width:44px;padding:.75rem;transition:background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.sort-btn-large{min-width:auto;padding:.75rem 1rem}.sort-btn-large:hover,.sort-btn:hover{background:#f5f5f6;background:var(--bg-tertiary);border-color:#d4d4d4;border-color:var(--border-secondary);color:#171717;color:var(--text-primary)}.sort-btn-large:active,.sort-btn:active{transform:scale(.95)}.sort-btn-active,.sort-btn-active:hover{background:#f5f5f6;background:var(--bg-tertiary);border-color:#d4d4d4;border-color:var(--border-secondary);color:#171717;color:var(--text-primary)}.sticky-filters{background:#fff;background:var(--bg-elevated);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm);margin:-1.5rem;margin:calc(var(--space-lg)*-1);margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding:1.5rem;padding:var(--space-lg);position:-webkit-sticky;position:sticky;top:0;z-index:10}.stats-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:1fr;margin-bottom:2rem;margin-bottom:var(--space-xl)}.stat-card{align-items:flex-start;display:flex;justify-content:space-between}.stat-card-sm{padding:1rem;padding:var(--space-md)}.stat-info{flex:1 1}.stat-label{color:#525252;color:var(--text-secondary);font-size:.8125rem;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;margin-bottom:var(--space-sm);text-transform:uppercase}.stat-value{font-feature-settings:"tnum";color:#171717;color:var(--text-primary);font-size:1.75rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.stat-subtitle,.stat-trend{color:#a3a3a3;color:var(--text-tertiary);font-size:.8125rem;font-size:var(--font-size-sm);font-weight:500}.stat-icon{align-items:center;background:#f5f5f6;background:var(--bg-tertiary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:8px;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.dashboard-charts{margin-bottom:2rem;margin-bottom:var(--space-xl)}.dashboard-charts,.dashboard-lists{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:1fr}.table-container{-webkit-overflow-scrolling:touch;background:#fff;background:var(--bg-elevated);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);overflow-x:auto;scrollbar-color:#0000001f #0000;scrollbar-width:thin}.table{border-collapse:collapse;font-size:.875rem;font-size:var(--font-size-base);width:100%}.table thead{background:#f5f5f6;background:var(--bg-tertiary);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary)}.table th{color:#525252;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;padding:.875rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.table td{font-feature-settings:"tnum";border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary);color:#171717;color:var(--text-primary);font-variant-numeric:tabular-nums;padding:1rem}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.table tbody tr:hover{background:#fafafa;background:var(--bg-secondary)}.table tfoot{background:#f5f5f6;background:var(--bg-tertiary);border-top:2px solid #e5e5e5;border-top:2px solid var(--border-primary);font-weight:600}.fee-table-container{border-radius:8px;border-radius:var(--radius-lg);overflow:hidden}.fee-table-wrapper{max-height:calc(100vh - 280px);overflow-x:auto;overflow-y:auto}.fee-table{border-collapse:collapse;font-size:.875rem;font-size:var(--font-size-base);width:100%}.fee-table thead{background:#fff;background:var(--bg-elevated);position:-webkit-sticky;position:sticky;top:0;z-index:10}.fee-table th{background:#f5f5f6;background:var(--bg-tertiary);font-weight:600;text-align:center}.fee-table td,.fee-table th{border:1px solid #e5e5e5;border:1px solid var(--border-primary);padding:.75rem;white-space:nowrap}.fee-header-sticky{background:#f5f5f6;background:var(--bg-tertiary);left:0;min-width:150px;position:-webkit-sticky;position:sticky;z-index:11}.fee-header-year{background:#fafafa;background:var(--bg-secondary);cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.fee-header-year:hover{background:#f5f5f6;background:var(--bg-tertiary)}.fee-header-collapsed{min-width:40px;padding:.5rem;text-orientation:mixed;writing-mode:vertical-rl}.fee-header-term{font-size:.75rem;font-size:var(--font-size-xs);font-weight:500}.fee-cell-sticky{background:#fff;background:var(--bg-elevated);left:0;position:-webkit-sticky;position:sticky;z-index:9}.fee-cell-center{text-align:center}.fee-header-amount{right:120px}.fee-header-actions,.fee-header-amount{background:#f5f5f6;background:var(--bg-tertiary);min-width:120px;position:-webkit-sticky;position:sticky;z-index:11}.fee-header-actions{right:0}.fee-cell-amount{right:120px}.fee-cell-actions,.fee-cell-amount{background:#fff;background:var(--bg-elevated);position:-webkit-sticky;position:sticky;text-align:center;z-index:9}.fee-cell-actions{right:0}.fee-cell-collapsed{background:#f5f5f6;background:var(--bg-tertiary);color:#a3a3a3;color:var(--text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);min-width:40px}.fee-student-name{font-weight:600;text-align:left}.fee-input{border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:6px;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--font-size-base);padding:.5rem;text-align:center;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100px}.fee-input:focus{border-color:#000;border-color:var(--primary);box-shadow:0 0 0 3px #0000000d;box-shadow:0 0 0 3px var(--primary-light);outline:none}.fee-actions{display:flex;gap:.5rem;justify-content:center}.fee-btn{align-items:center;background:#fff;background:var(--bg-elevated);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:6px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-base);font-weight:500;gap:.25rem;padding:.5rem .75rem;transition:background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast),border-color var(--transition-fast)}.fee-btn:hover:not(:disabled){background:#f5f5f6;background:var(--bg-tertiary);border-color:#d4d4d4;border-color:var(--border-secondary)}.fee-btn:disabled{cursor:not-allowed;opacity:.5}.fee-btn-pay{background:#10b981;background:var(--success);border-color:#10b981;border-color:var(--success);color:#fff}.fee-btn-pay:hover:not(:disabled){background:#059669;background:var(--success-dark)}.fee-btn-msg{background:#000;background:var(--primary);border-color:#000;border-color:var(--primary);color:#fff}.fee-btn-msg:hover:not(:disabled){background:#000;background:var(--primary-dark)}.fee-btn-edit{background:#f59e0b;background:var(--warning);border-color:#f59e0b;border-color:var(--warning);color:#fff}.fee-btn-edit:hover:not(:disabled){background:#d97706;background:var(--warning-dark)}.action-buttons,.action-buttons-group{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm);justify-content:center}.action-btn{align-items:center;background:#fff;background:var(--bg-elevated);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:6px;border-radius:var(--radius-md);color:#525252;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;min-height:36px;min-width:36px;transition:transform .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);width:36px}.action-btn:hover{background:#f5f5f6;background:var(--bg-tertiary);border-color:#d4d4d4;border-color:var(--border-secondary);transform:scale(1.05)}.action-btn:active{transform:scale(.95)}.action-btn-edit:hover{color:#3b82f6;color:var(--info)}.action-btn-delete:hover{color:#ef4444;color:var(--error)}.action-btn-delete{border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}.action-btn-delete:hover:not(:disabled){background:#ef44441a;background:var(--danger-light);border-color:#ef4444;border-color:var(--danger)}.action-btn-delete:disabled{cursor:not-allowed;opacity:.5}.action-btn-warning{border-color:#f59e0b;border-color:var(--warning);color:#f59e0b;color:var(--warning)}.action-btn-warning:hover:not(:disabled){background:#fbbf241a;background:var(--warning-light);border-color:#f59e0b;border-color:var(--warning)}.action-btn-warning:disabled{cursor:not-allowed;opacity:.5}.team-action-btn{align-items:center;background:#0000;border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:6px;border-radius:var(--radius-md);color:#525252;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.team-action-btn:hover{background:#f5f5f6;background:var(--bg-tertiary);border-color:#d4d4d4;border-color:var(--border-secondary);color:#171717;color:var(--text-primary)}.team-action-btn-danger{border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}.team-action-btn-danger:hover{background:#fef2f2;background:var(--error-bg);border-color:#ef4444;border-color:var(--danger)}.modal-overlay{align-items:center;animation:fadeIn .2s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;overflow-y:auto;padding:1rem;padding:var(--space-md);position:fixed;right:0;top:0;z-index:1040;z-index:var(--z-modal-backdrop)}.modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);animation:slideUp var(--transition-slow);background:#fff;background:var(--bg-elevated);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);margin:auto;max-height:90vh;overflow-y:auto;width:100%}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:900px}.modal-xl{max-width:1000px}.modal-header{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem;padding:var(--space-lg)}.modal-title{color:#171717;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;letter-spacing:-.01em}.modal-close{align-items:center;background:#0000;border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:6px;border-radius:var(--radius-md);color:#525252;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;min-height:36px;min-width:36px;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);width:36px}.modal-close:hover{background:#f5f5f6;background:var(--bg-tertiary);border-color:#d4d4d4;border-color:var(--border-secondary);color:#171717;color:var(--text-primary)}.modal-close:active{transform:scale(.95)}.modal-body,.modal-footer{padding:1.5rem;padding:var(--space-lg)}.modal-footer{background:#fafafa;background:var(--bg-secondary);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm);justify-content:flex-end}.alert{align-items:flex-start;background:#f5f5f6;background:var(--bg-tertiary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:8px;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--space-md);margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding:1rem}.alert-success{background:#ecfdf5;background:var(--success-bg);border-color:#10b981;border-color:var(--success);color:#059669;color:var(--success-dark)}.alert-error{background:#fef2f2;background:var(--error-bg);border-color:#ef4444;border-color:var(--error);color:#dc2626;color:var(--error-dark)}.alert-warning{background:#fffbeb;background:var(--warning-bg);border-color:#f59e0b;border-color:var(--warning);color:#d97706;color:var(--warning-dark)}.alert-info{background:#eff6ff;background:var(--info-bg);border-color:#3b82f6;border-color:var(--info);color:#2563eb;color:var(--info-dark)}.alert-icon{flex-shrink:0;height:20px;width:20px}.alert-content{flex:1 1;font-size:.875rem;font-size:var(--font-size-base);line-height:1.5}.alert-close{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--radius-sm);color:currentColor;cursor:pointer;display:flex;height:24px;justify-content:center;min-height:24px;min-width:24px;opacity:.6;transition:opacity .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-fast),background var(--transition-fast);width:24px}.alert-close:hover{background:#0000001a;opacity:1}.loading-container,.loading-page{align-items:center;color:#525252;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;gap:var(--space-md);justify-content:center;padding:3rem;padding:var(--space-2xl)}.loading-page{min-height:400px}.empty-state{color:#525252;color:var(--text-secondary);padding:3rem 1.5rem;padding:var(--space-2xl) var(--space-lg);text-align:center}.empty-state-large{padding:4rem 2rem;padding:4rem var(--space-xl)}.empty-icon{color:#a3a3a3;color:var(--text-tertiary);height:64px;margin:0 auto 1.5rem;margin:0 auto var(--space-lg);opacity:.5;width:64px}.empty-text{color:#171717;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.empty-subtext{color:#525252;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-base);line-height:1.5;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.empty-state__action{margin-top:1rem;margin-top:var(--space-md)}.loading-spinner-icon{color:#000;color:var(--accent-color,var(--primary))}.loading-text{color:#525252;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-base);margin:0}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-weight:500}.badge-sm{font-size:.625rem;padding:.125rem .5rem}.badge-md{font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .75rem}.badge-lg{font-size:.875rem;font-size:var(--font-size-base);padding:.375rem 1rem}.badge-default{background:#f5f5f6;background:var(--bg-tertiary);color:#525252;color:var(--text-secondary)}.badge-success{background:#ecfdf5;background:var(--success-bg);color:#059669;color:var(--success-dark)}.badge-warning{background:#fffbeb;background:var(--warning-bg);color:#d97706;color:var(--warning-dark)}.badge-error{background:#fef2f2;background:var(--error-bg);color:#dc2626;color:var(--error-dark)}.badge-info{background:#eff6ff;background:var(--info-bg);color:#2563eb;color:var(--info-dark)}.badge-primary{background:#0000000d;background:var(--primary-light);color:#000;color:var(--primary)}.tabs{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary);margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.tabs__list{display:flex;gap:1rem;gap:var(--space-md);overflow-x:auto}.tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#525252;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-base);font-weight:400;gap:.5rem;gap:var(--space-sm);padding:.75rem 1rem;transition:color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.tab:hover{color:#171717;color:var(--text-primary)}.tab-active{border-bottom-color:#000;border-bottom-color:var(--accent-color,var(--primary));color:#000;color:var(--accent-color,var(--primary));font-weight:600}.info-field{background:#f5f5f6;background:var(--bg-tertiary);border-radius:6px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.info-field__label{color:#525252;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.info-field__value{color:#171717;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-base);font-weight:500}.avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;justify-content:center;overflow:hidden}.avatar-sm{font-size:.75rem;font-size:var(--font-size-xs);height:32px;width:32px}.avatar-md{font-size:1rem;font-size:var(--font-size-md);height:48px;width:48px}.avatar-lg{font-size:1.5rem;font-size:var(--font-size-2xl);height:64px;width:64px}.avatar-xl{font-size:2rem;height:96px;width:96px}.avatar img{height:100%;object-fit:cover;width:100%}.icon-btn{align-items:center;border-radius:6px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:0;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.icon-btn:disabled{cursor:not-allowed;opacity:.5}.icon-btn-sm{height:32px;width:32px}.icon-btn-md{height:40px;width:40px}.icon-btn-lg{height:48px;width:48px}.icon-btn-ghost{background:#0000;border:none;color:#525252;color:var(--text-secondary)}.icon-btn-ghost:hover:not(:disabled){background:#f5f5f6;background:var(--bg-tertiary);color:#171717;color:var(--text-primary)}.icon-btn-secondary{background:#fafafa;background:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);color:#171717;color:var(--text-primary)}.icon-btn-secondary:hover:not(:disabled){background:#f5f5f6;background:var(--bg-tertiary)}.icon-btn-primary{background:#000;background:var(--accent-color,var(--primary));border:none;color:#fff}.icon-btn-primary:hover:not(:disabled){opacity:.9}.icon-btn-danger{background:#0000;border:none;color:#ef4444;color:var(--danger)}.icon-btn-danger:hover:not(:disabled){background:#ef44441a;background:var(--danger-light)}.toast-container{display:flex;flex-direction:column;gap:.75rem;max-width:400px;position:fixed;right:1rem;right:var(--space-md);top:1rem;top:var(--space-md);z-index:1070;z-index:var(--z-tooltip)}.toast{align-items:flex-start;animation:slideIn .3s cubic-bezier(.4,0,.2,1);animation:slideIn var(--transition-slow);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);display:flex;gap:.75rem;min-width:300px;padding:1rem;padding:var(--space-md)}.toast-success{background:#ecfdf5;background:var(--success-bg);border:1px solid #10b981;border:1px solid var(--success)}.toast-error{background:#fef2f2;background:var(--error-bg);border:1px solid #ef4444;border:1px solid var(--error)}.toast-warning{background:#fffbeb;background:var(--warning-bg);border:1px solid #f59e0b;border:1px solid var(--warning)}.toast-info{background:#eff6ff;background:var(--info-bg);border:1px solid #3b82f6;border:1px solid var(--info)}.toast__icon{flex-shrink:0;margin-top:2px}.toast__content{color:#171717;color:var(--text-primary);flex:1 1;font-size:.875rem;font-size:var(--font-size-base);line-height:1.5}.toast__close{background:#0000;border:none;color:#a3a3a3;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;padding:0;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.toast__close:hover{color:#171717;color:var(--text-primary)}.donut-chart{align-items:center;display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-lg)}.donut-chart__empty{align-items:center;color:#525252;color:var(--text-secondary);display:flex;justify-content:center;min-height:200px}.donut-chart__center-text{fill:#171717;fill:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700}.donut-chart__legend{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-sm)}.donut-chart__legend-item{align-items:center;display:flex;font-size:.875rem;font-size:var(--font-size-base);gap:.5rem;gap:var(--space-sm)}.donut-chart__legend-color{border-radius:2px;flex-shrink:0;height:12px;width:12px}.donut-chart__legend-label{color:#171717;color:var(--text-primary)}.password-wrapper{position:relative}.password-toggle{align-items:center;background:#0000;border:none;color:#525252;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.password-toggle:hover{color:#171717;color:var(--text-primary)}.password-strength{margin-top:.5rem;margin-top:var(--space-sm)}.password-strength__bar{background:#f5f5f6;background:var(--bg-tertiary);border-radius:2px;height:4px;margin-bottom:.25rem;overflow:hidden}.password-strength__fill{height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1);transition:width var(--transition-slow),background var(--transition-slow)}.password-strength__label{font-size:.75rem;font-size:var(--font-size-xs);font-weight:500}.form-group{margin-bottom:1rem;margin-bottom:var(--space-md)}.form-label{color:#171717;color:var(--text-primary);display:block;font-size:.875rem;font-size:var(--font-size-base);font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.form-label--error,.form-required{color:#ef4444;color:var(--danger)}.form-required{margin-left:.25rem}.form-hint{color:#525252;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);margin-top:.25rem}.login-page{align-items:center;background:#fff;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:2rem;padding:var(--space-xl)}.login-dark-toggle{position:absolute;right:1.5rem;right:var(--space-lg);top:1.5rem;top:var(--space-lg)}.login-card{max-width:440px;width:100%}.login-header{margin-bottom:2rem;margin-bottom:var(--space-xl);text-align:center}.login-icon{align-items:center;background:#fff;background:var(--bg-elevated);border:2px solid #e5e5e5;border:2px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-2xl);display:flex;height:64px;justify-content:center;margin:0 auto 1.5rem;margin:0 auto var(--space-lg);padding:1rem;padding:var(--space-md);width:64px}.login-icon,.login-title{color:#171717;color:var(--text-primary)}.login-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.login-subtitle{color:#525252;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-base);line-height:1.5}.login-form{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.login-footer{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);padding-top:1.5rem;padding-top:var(--space-lg);text-align:center}.login-toggle{background:none;border:none;color:#171717;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-size:var(--font-size-base);font-weight:600;min-height:auto;padding:0;text-decoration:underline;text-underline-offset:2px;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.login-toggle:hover{color:#525252;color:var(--text-secondary)}.defaulter-list,.payment-list,.reminder-list{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-sm);max-height:400px;overflow-x:hidden;overflow-y:auto;padding-right:.25rem;padding-right:var(--space-xs)}.defaulter-list::-webkit-scrollbar,.payment-list::-webkit-scrollbar,.reminder-list::-webkit-scrollbar{width:6px}.defaulter-list::-webkit-scrollbar-track,.payment-list::-webkit-scrollbar-track,.reminder-list::-webkit-scrollbar-track{background:#fafafa;background:var(--bg-secondary);border-radius:4px;border-radius:var(--radius-sm)}.defaulter-list::-webkit-scrollbar-thumb,.payment-list::-webkit-scrollbar-thumb,.reminder-list::-webkit-scrollbar-thumb{background:#d4d4d4;background:var(--border-secondary);border-radius:4px;border-radius:var(--radius-sm)}.defaulter-list::-webkit-scrollbar-thumb:hover,.payment-list::-webkit-scrollbar-thumb:hover,.reminder-list::-webkit-scrollbar-thumb:hover{background:#a3a3a3;background:var(--text-tertiary)}.defaulter-item,.payment-item,.reminder-item{align-items:center;background:#f5f5f6;background:var(--bg-tertiary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:8px;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--space-md);justify-content:space-between;padding:1rem;padding:var(--space-md);transition:background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast),border-color var(--transition-fast)}.defaulter-item:hover,.payment-item:hover,.reminder-item:hover{background:#fafafa;background:var(--bg-secondary);border-color:#d4d4d4;border-color:var(--border-secondary)}.defaulter-name,.payment-name,.reminder-name{color:#171717;color:var(--text-primary);font-weight:500;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.defaulter-contact,.payment-date,.reminder-details{color:#525252;color:var(--text-secondary);font-size:.8125rem;font-size:var(--font-size-sm)}.payment-amount{font-feature-settings:"tnum";color:#171717;color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.amount-paid{color:#10b981;color:var(--success);font-weight:600}.amount-due{color:#ef4444;color:var(--danger);font-weight:600}.defaulter-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm)}.status-badge{border:1px solid;border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.status-success{background:#ecfdf5;background:var(--success-bg);border-color:#10b981;border-color:var(--success);color:#059669;color:var(--success-dark)}.status-error,.status-failed{background:#fef2f2;background:var(--error-bg);border-color:#ef4444;border-color:var(--error);color:#dc2626;color:var(--error-dark)}.status-pending,.status-warning{background:#fffbeb;background:var(--warning-bg);border-color:#f59e0b;border-color:var(--warning);color:#d97706;color:var(--warning-dark)}.status-info{background:#eff6ff;background:var(--info-bg);border-color:#3b82f6;border-color:var(--info);color:#2563eb;color:var(--info-dark)}.settings-layout{grid-gap:2rem;grid-gap:var(--space-xl);align-items:start;display:grid;gap:2rem;gap:var(--space-xl);grid-template-columns:220px 1fr}.settings-sidebar{background:#fafafa;background:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-primary);border-radius:8px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:2px;overflow:hidden;padding:.5rem;padding:var(--space-sm);position:-webkit-sticky;position:sticky;top:2rem;top:var(--space-xl)}.settings-tab{align-items:center;background:#0000;border:none;border-left:3px solid #0000;border-radius:6px;border-radius:var(--radius-md);color:#525252;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-base);font-weight:500;gap:1rem;gap:var(--space-md);padding:.625rem 1rem;padding:.625rem var(--space-md);text-align:left;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);width:100%}.settings-tab:hover{background:#f5f5f6;background:var(--bg-tertiary);border-left-color:#d4d4d4;border-left-color:var(--border-secondary);color:#171717;color:var(--text-primary)}.settings-tab-active{background:#fff;background:var(--bg-primary);border-left-color:#000;border-left-color:var(--color-primary);box-shadow:0 1px 3px #0000000f;font-weight:600}.settings-tab-active,.settings-tab-active .settings-tab-icon{color:#000;color:var(--color-primary)}.settings-tab-icon{flex-shrink:0;height:18px;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast);width:18px}.settings-content{min-height:400px}.set__sidebar-divider{border:none;border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary);margin:.25rem 0}.set__sidebar-logout-btn{color:#ef4444!important;color:var(--danger)!important}.set__sidebar-logout-btn:hover{background:#ef44441a!important;background:var(--danger-light)!important;border-left-color:#ef4444!important;border-left-color:var(--danger)!important;color:#dc2626!important;color:var(--danger-hover)!important}.settings-form{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-lg)}.icon-xs{height:14px;width:14px}.icon-sm{height:16px;width:16px}.icon-md{height:20px;width:20px}.icon-lg{height:24px;width:24px}.icon-xl{height:32px;width:32px}.icon-xxl{height:48px;width:48px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--space-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--space-xl)}.mt-1{margin-top:.25rem;margin-top:var(--space-xs)}.mt-2{margin-top:.5rem;margin-top:var(--space-sm)}.mt-3{margin-top:1rem;margin-top:var(--space-md)}.mt-4{margin-top:1.5rem;margin-top:var(--space-lg)}.gap-1{gap:.25rem;gap:var(--space-xs)}.gap-2{gap:.5rem;gap:var(--space-sm)}.gap-3{gap:1rem;gap:var(--space-md)}.gap-4{gap:1.5rem;gap:var(--space-lg)}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-start{align-items:flex-start;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.shrink-0{flex-shrink:0}.min-w-0{min-width:0}.grid{display:grid}.grid-2{grid-gap:1rem;grid-gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:1rem;gap:var(--space-md)}.grid-3{grid-gap:1rem;grid-gap:var(--space-md);grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:1rem;grid-gap:var(--space-md);grid-template-columns:repeat(4,1fr)}.grid-4,.grid-auto{display:grid;gap:1rem;gap:var(--space-md)}.grid-auto{grid-gap:1rem;grid-gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.text-xs{font-size:.625rem}.text-sm{font-size:.75rem}.text-base{font-size:.875rem}.text-md{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.75rem}.text-primary{color:#171717;color:var(--text-primary)}.text-secondary{color:#525252;color:var(--text-secondary)}.text-tertiary{color:#a3a3a3;color:var(--text-tertiary)}.text-success{color:#10b981;color:var(--success)}.text-danger{color:#ef4444;color:var(--danger)}.text-warning{color:#f59e0b;color:var(--warning)}.text-info{color:#3b82f6;color:var(--info)}.text-right{text-align:right}.text-center{text-align:center}.text-left{text-align:left}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.tabular-nums{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bg-primary{background:#fff;background:var(--bg-primary)}.bg-secondary{background:#fafafa;background:var(--bg-secondary)}.bg-tertiary{background:#f5f5f6;background:var(--bg-tertiary)}.bg-elevated{background:#fff;background:var(--bg-elevated)}.bg-success-light{background:#ecfdf5;background:var(--success-bg)}.bg-danger-light{background:#fef2f2;background:var(--error-bg)}.bg-warning-light{background:#fffbeb;background:var(--warning-bg)}.bg-info-light{background:#eff6ff;background:var(--info-bg)}.border{border:1px solid #e5e5e5;border:1px solid var(--border-primary)}.border-b{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary)}.border-t{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-primary)}.rounded{border-radius:6px;border-radius:var(--radius-md)}.rounded-lg{border-radius:8px;border-radius:var(--radius-lg)}.rounded-xl{border-radius:12px;border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.relative{position:relative}.absolute{position:absolute}.sticky{position:-webkit-sticky;position:sticky}.transition{transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.hidden{display:none}.pointer-events-none{pointer-events:none}.shadow-sm{box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.p-2{padding:.5rem;padding:var(--space-sm)}.p-3{padding:1rem;padding:var(--space-md)}.p-4{padding:1.5rem;padding:var(--space-lg)}.px-3{padding-left:1rem;padding-left:var(--space-md);padding-right:1rem;padding-right:var(--space-md)}.py-2{padding-bottom:.5rem;padding-bottom:var(--space-sm);padding-top:.5rem;padding-top:var(--space-sm)}.py-3{padding-bottom:1rem;padding-bottom:var(--space-md);padding-top:1rem;padding-top:var(--space-md)}.action-center{display:flex;justify-content:center;margin:2rem 0;margin:var(--space-xl) 0}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid #000;outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (min-width:768px){.page-content{padding:2rem;padding:var(--space-xl)}.page-title{font-size:1.75rem}.stat-value{font-size:1.875rem}.dashboard-charts,.form-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.sidebar-backdrop{display:none!important}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}.dashboard-charts{grid-template-columns:repeat(3,1fr)}.dashboard-lists{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.page-content{padding:3rem;padding:var(--space-2xl)}}@media (max-width:767px){.page-header{align-items:stretch;flex-direction:column}.page-actions{flex-direction:column;width:100%}.page-actions>*{width:100%}.page-actions .btn{flex:1 1}.filters-row,.filters-row-payment{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm)}.filters-row-payment>*,.filters-row>*{flex:1 1 auto;min-width:0}.search-input-wrapper{flex:2 1 140px;min-width:120px}.filter-select{flex:1 1 100px;min-width:80px}.card-header{align-items:stretch;flex-direction:column}.card-actions{width:100%}.table-container:after{background:#fafafa;background:var(--bg-secondary);color:#a3a3a3;color:var(--text-tertiary);content:"\2190 Scroll \2192";display:block;font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem;padding:var(--space-sm);text-align:center}.modal{margin:.5rem;margin:var(--space-sm);max-height:calc(100vh - 2rem)}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}.sidebar-backdrop.active{display:block}.settings-layout{grid-template-columns:1fr}.settings-sidebar{border-radius:6px;border-radius:var(--radius-md);flex-direction:row;gap:4px;overflow-x:auto;padding:.25rem;padding:var(--space-xs);position:static}.settings-tab{border-bottom:3px solid #0000;border-left:none;border-radius:4px;border-radius:var(--radius-sm);min-width:-webkit-max-content;min-width:max-content;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);white-space:nowrap}.settings-tab:hover{border-bottom-color:#d4d4d4;border-bottom-color:var(--border-secondary);border-left-color:#0000}.settings-tab-active{border-bottom-color:#000;border-bottom-color:var(--color-primary);border-left-color:#0000}.fee-table-wrapper{max-height:500px}.fee-table{font-size:.75rem;font-size:var(--font-size-xs)}.fee-table td,.fee-table th{padding:.5rem}.fee-input{width:80px}}@media (max-width:480px){html{font-size:14px}.page-title,.stat-value{font-size:1.25rem;font-size:var(--font-size-xl)}.btn{font-size:.8125rem;font-size:var(--font-size-sm)}}.confirm-modal-overlay{align-items:center;animation:fadeIn .2s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-base,.2s);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--space-md,16px);position:fixed;right:0;top:0;z-index:1040;z-index:var(--z-modal-backdrop,1000)}.confirm-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);animation:slideUp var(--transition-slow,.3s);background:#fff;background:var(--bg-elevated,#fff);border:1px solid #e5e5e5;border:1px solid var(--border-primary,#e5e7eb);border-radius:16px;border-radius:var(--radius-2xl,16px);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl,0 20px 60px #0000004d);max-width:400px;padding:28px 24px 20px;text-align:center;width:100%}.confirm-modal__icon-wrap{align-items:center;background:#fef3c7;background:var(--bg-warning,#fef3c7);border-radius:50%;color:#d97706;color:var(--text-warning,#d97706);display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.confirm-modal__icon-wrap[data-danger]{background:#fee2e2;background:var(--bg-danger,#fee2e2);color:#dc2626;color:var(--text-danger,#dc2626)}.confirm-modal__title{color:#171717;color:var(--text-primary,#111827);font-size:18px;font-weight:600;margin:0 0 8px}.confirm-modal__message{color:#525252;color:var(--text-secondary,#6b7280);font-size:14px;line-height:1.5;margin:0 0 24px}.confirm-modal__actions{display:flex;gap:12px}.confirm-modal__btn{border:none;border-radius:8px;border-radius:var(--radius-lg,10px);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .15s}.confirm-modal__btn:disabled{cursor:not-allowed;opacity:.6}.confirm-modal__btn--cancel{background:#fafafa;background:var(--bg-secondary,#f3f4f6);color:#171717;color:var(--text-primary,#374151)}.confirm-modal__btn--cancel:hover:not(:disabled){background:#f5f5f6;background:var(--bg-tertiary,#e5e7eb)}.confirm-modal__btn--confirm{background:#000;background:var(--color-primary,#000);color:#fff}.confirm-modal__btn--confirm:hover:not(:disabled){opacity:.9}.confirm-modal__btn--danger{background:#ef4444;background:var(--color-danger,#dc2626);color:#fff}.confirm-modal__btn--danger:hover:not(:disabled){background:#b91c1c}@media print{.action-buttons,.btn,.filters-row,.modal-overlay,.page-actions,.sidebar,.sidebar-backdrop{display:none!important}.main-content{margin-left:0}.page-content{padding:0}.card{border:1px solid #000;box-shadow:none;page-break-inside:avoid}*{background:#fff!important;color:#000!important}}:root{--bg-tertiary:#f3f4f6;--primary-light:var(--color-primary-light,#f3f4f6);--font-scale:1}:root.dark{--bg-tertiary:#374151;--primary-light:var(--color-primary-light,#374151)}[data-font-size=small]{--font-size-xs:0.6875rem;--font-size-sm:0.75rem;--font-size-base:0.8125rem;--font-size-md:0.875rem;--font-size-lg:1rem;--font-size-xl:1.25rem}[data-font-size=large]{--font-size-xs:0.8125rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.75rem}.btn,.form-input,.form-select,body,button,textarea{font-size:var(--font-size-base)}.page-title,h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-md)}h4{font-size:var(--font-size-base)}label{font-size:var(--font-size-sm)}.text-xs,small{font-size:var(--font-size-xs)}.page-subtitle,.text-sm{font-size:var(--font-size-sm)}.compact{--space-xs:0.125rem;--space-sm:0.25rem;--space-md:0.5rem;--space-lg:0.75rem;--space-xl:1rem;--space-2xl:1.25rem}.compact .page-header{padding-bottom:.75rem}.compact .page-content{padding:1rem}.compact [class*=-card-item],.compact [class*=-stat-card]{padding:.5rem .75rem}.compact .settings-layout{gap:.75rem}.compact .settings-tab{padding:.375rem .75rem}[data-table-density=comfortable]{--table-cell-py:0.75rem;--table-cell-px:0.75rem}[data-table-density=compact]{--table-cell-py:0.5rem;--table-cell-px:0.5rem}[data-table-density=dense]{--table-cell-py:0.25rem;--table-cell-px:0.375rem}[class*=-table] td,[class*=-table] th,table td,table th{padding:.75rem;padding:var(--table-cell-py,.75rem) var(--table-cell-px,.75rem)}.no-animations *,.no-animations :after,.no-animations :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reduced-motion *,.reduced-motion :after,.reduced-motion :before{animation-duration:.3s!important;transition-duration:.15s!important}.high-contrast{--border-primary:#000;--border-secondary:#000;--text-secondary:#374151;--text-tertiary:#4b5563}.high-contrast.dark{--border-primary:#fff;--border-secondary:#e5e7eb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af}.high-contrast button,.high-contrast input,.high-contrast select,.high-contrast textarea{border-width:2px}.high-contrast a:focus,.high-contrast button:focus,.high-contrast input:focus,.high-contrast select:focus{outline:3px solid var(--color-primary);outline-offset:2px}@media print{.no-print,.print-no-header .page-header,.print-no-header .print-header,.print-no-logo .print-logo,.print-no-logo .school-logo,.settings-sidebar,.sidebar,nav{display:none!important}body{background:#fff!important;color:#000!important;font-size:12pt}}.appearance-section{margin-bottom:1.5rem}.appearance-section__title{align-items:center;border-bottom:1px solid var(--border-primary);color:var(--text-primary);display:flex;font-size:var(--font-size-md);font-weight:600;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.appearance-row{align-items:center;background:#f3f4f6;background:var(--bg-tertiary,var(--bg-secondary));border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg,.75rem);display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem 1.25rem;transition:border-color .2s}.appearance-row:hover{border-color:var(--border-secondary)}.appearance-row__info{flex:1 1;min-width:0}.appearance-row__label{align-items:center;display:flex;gap:.625rem;margin-bottom:.25rem}.appearance-row__label h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;margin:0}.appearance-row__label svg{color:var(--text-secondary);flex-shrink:0}.appearance-row__desc{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:0}.appearance-row__desc strong{color:var(--text-primary)}.appearance-row__control{flex-shrink:0;margin-left:1rem}.pill-group{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg,.75rem);display:flex;gap:.375rem;padding:.25rem}.pill-btn{background:#0000;border:2px solid #0000;border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;min-width:60px;padding:.375rem .875rem;text-transform:capitalize;transition:all .2s;white-space:nowrap}.pill-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.pill-btn--active{background:#f3f4f6;background:var(--color-primary-light,#f3f4f6);border-color:#000;border-color:var(--color-primary,#000);color:#000;color:var(--color-primary,#000);font-weight:600}.color-swatches{display:flex;flex-wrap:wrap;gap:.625rem}.color-swatch{align-items:center;border:2px solid var(--border-primary);border-radius:10px;cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .2s;width:44px}.color-swatch:hover{box-shadow:0 4px 12px #0000001f;transform:scale(1.08)}.color-swatch--active{border-color:var(--text-primary);border-width:3px;box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.color-swatch__check{color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.color-swatch--default{background:linear-gradient(135deg,#000 50%,#fff 0);border-color:var(--border-secondary)}.appearance-preview{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg,.75rem);padding:1.5rem;text-align:center}.appearance-preview__chips{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.appearance-preview__chip{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:9999px;border-radius:var(--radius-full,9999px);color:var(--text-secondary);display:inline-flex;font-size:var(--font-size-xs);gap:.375rem;padding:.375rem .75rem;white-space:nowrap}.appearance-preview__chip strong{color:var(--text-primary);text-transform:capitalize}.appearance-slider{align-items:center;display:flex;gap:.75rem}.appearance-slider input[type=range]{-webkit-appearance:none;appearance:none;background:var(--border-primary);border-radius:3px;height:6px;outline:none;width:120px}.appearance-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#000;background:var(--color-primary,#000);border:2px solid var(--bg-primary);border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:18px;width:18px}.appearance-slider__value{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;min-width:30px;text-align:center}@media (max-width:768px){.appearance-row{align-items:flex-start;flex-direction:column;gap:.75rem}.appearance-row__control{margin-left:0;width:100%}.pill-group{justify-content:stretch;width:100%}.pill-btn{flex:1 1;text-align:center}.color-swatches{width:100%}.appearance-row__control .form-select{width:100%!important}.appearance-slider{width:100%}.appearance-slider input[type=range]{flex:1 1;width:auto}}
/*# sourceMappingURL=main.9403a23c.css.map*/