.app-layout{display:flex;min-height:100vh}.app-main{margin-left:var(--sidebar-width);flex:1;min-height:100vh;background-color:var(--color-surface-secondary)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background-color:#061b31;display:flex;flex-direction:column;overflow:hidden;z-index:200;border-right:1px solid rgba(255,255,255,.06)}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:20px 16px 18px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar__brand-mark{width:30px;height:30px;border-radius:var(--radius-standard);background:linear-gradient(135deg,#533afd,#4434d4);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8125rem;letter-spacing:-.3px;flex-shrink:0;box-shadow:#533afd73 0 4px 12px}.sidebar__brand-name{font-size:.9375rem;font-weight:500;color:#fff;letter-spacing:-.2px;font-feature-settings:"ss01"}.sidebar__brand-sub{font-size:.625rem;font-weight:400;color:#ffffff59;text-transform:uppercase;letter-spacing:.6px;margin-top:1px}.sidebar__nav{flex:1;padding:12px 8px;overflow-y:auto;scrollbar-width:none}.sidebar__nav::-webkit-scrollbar{display:none}.sidebar__section-label{font-size:.625rem;font-weight:500;color:#ffffff4d;text-transform:uppercase;letter-spacing:.8px;padding:14px 10px 6px;font-feature-settings:"ss01"}.sidebar__nav-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--radius-standard);cursor:pointer;transition:background-color .15s ease,color .15s ease;color:#ffffffa6;font-size:.8125rem;font-weight:400;font-feature-settings:"ss01";letter-spacing:-.1px;border:none;background:none;width:100%;text-align:left;-webkit-user-select:none;user-select:none;margin-bottom:1px}.sidebar__nav-item:hover{background-color:#ffffff12;color:#ffffffe6}.sidebar__nav-item--active{background-color:#533afd40;color:#fff}.sidebar__nav-item--active:hover{background-color:#533afd4d;color:#fff}.sidebar__nav-item-icon{width:16px;height:16px;flex-shrink:0;opacity:.7}.sidebar__nav-item--active .sidebar__nav-item-icon{opacity:1}.sidebar__nav-item-label{flex:1}.sidebar__nav-item-chevron{width:14px;height:14px;flex-shrink:0;transition:transform .2s ease;opacity:.5}.sidebar__nav-item-chevron--open{transform:rotate(90deg)}.sidebar__module{margin-bottom:2px}.sidebar__sub-nav{overflow:hidden;transition:max-height .25s ease,opacity .2s ease;max-height:0;opacity:0}.sidebar__sub-nav--open{max-height:300px;opacity:1}.sidebar__sub-item{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 34px;border-radius:var(--radius-standard);cursor:pointer;transition:background-color .15s ease,color .15s ease;color:#ffffff80;font-size:.8125rem;font-weight:400;font-feature-settings:"ss01";border:none;background:none;width:100%;text-align:left;margin-bottom:1px}.sidebar__sub-item:hover{background-color:#ffffff0f;color:#ffffffd9}.sidebar__sub-item--active{color:#7c6ffd;background-color:#533afd26}.sidebar__sub-item--active:hover{background-color:#533afd33;color:#9b91fd}.sidebar__sub-dot{width:5px;height:5px;border-radius:50%;background-color:currentColor;flex-shrink:0;opacity:.6}.sidebar__sub-item--active .sidebar__sub-dot{opacity:1;background-color:#7c6ffd}.sidebar__divider{height:1px;background-color:#ffffff12;margin:8px}.sidebar__user{padding:12px 8px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar__user-info{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-standard);margin-bottom:4px}.sidebar__avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#533afd,#4434d4);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.6875rem;letter-spacing:.3px;flex-shrink:0}.sidebar__user-details{flex:1;min-width:0}.sidebar__user-name{font-size:.8125rem;font-weight:500;color:#ffffffd9;font-feature-settings:"ss01";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.1px}.sidebar__user-email{font-size:.6875rem;color:#ffffff59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.sidebar__signout{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:var(--radius-standard);background:none;border:none;color:#ffffff59;font-size:.8125rem;font-weight:400;cursor:pointer;transition:background-color .15s ease,color .15s ease;font-family:var(--font-primary);font-feature-settings:"ss01";text-align:left}.sidebar__signout:hover{background-color:#ea22611f;color:#ea2261cc}.login-page{min-height:100vh;background-color:var(--color-surface-secondary);display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:#32325d1f 0 20px 60px -20px,#00000014 0 8px 24px -8px;padding:40px;width:100%;max-width:400px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-brand__mark{width:36px;height:36px;border-radius:var(--radius-standard);background:linear-gradient(135deg,#533afd,#4434d4);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9375rem;letter-spacing:-.3px;flex-shrink:0;box-shadow:#533afd66 0 4px 12px}.login-brand__name{font-size:1.0625rem;font-weight:500;color:var(--color-heading);letter-spacing:-.2px;font-feature-settings:"ss01"}.login-brand__sub{font-size:.6875rem;font-weight:400;color:var(--color-body);text-transform:uppercase;letter-spacing:.6px;margin-top:1px}.login-divider{height:1px;background-color:var(--color-border);margin-bottom:28px}.login-title{font-size:1.375rem;font-weight:300;color:var(--color-heading);letter-spacing:-.3px;line-height:1.2;font-feature-settings:"ss01";margin-bottom:8px}.login-desc{font-size:.875rem;font-weight:300;color:var(--color-body);line-height:1.55;font-feature-settings:"ss01";margin-bottom:28px}.login-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 16px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-standard);color:var(--color-label);font-size:.9375rem;font-weight:400;font-family:var(--font-primary);font-feature-settings:"ss01";cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;letter-spacing:-.1px}.login-google-btn:hover{background-color:var(--color-surface-secondary);border-color:#c8d4e0;box-shadow:#32325d0f 0 4px 12px -4px}.login-google-btn:active{background-color:#f0f4f8}.login-google-btn__icon{width:18px;height:18px;flex-shrink:0}.login-note{font-size:.75rem;font-weight:300;color:var(--color-body);text-align:center;margin-top:20px;line-height:1.5;font-feature-settings:"ss01"}.login-note strong{font-weight:500;color:var(--color-label)}.home{min-height:100vh;display:flex;flex-direction:column}.home__header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:40px 40px 36px}.home__header-inner{max-width:640px}.home__greeting{font-size:.8125rem;font-weight:400;color:var(--color-body);font-feature-settings:"ss01";letter-spacing:-.1px;margin-bottom:4px}.home__title{font-size:2rem;font-weight:300;color:var(--color-heading);letter-spacing:-.64px;line-height:1.1;font-feature-settings:"ss01";margin-bottom:10px}.home__subtitle{font-size:.9375rem;font-weight:300;color:var(--color-body);line-height:1.5;font-feature-settings:"ss01"}.home__content{padding:32px 40px 48px;flex:1}.home__section-label{font-size:.6875rem;font-weight:500;color:var(--color-body);text-transform:uppercase;letter-spacing:.7px;margin-bottom:16px;font-feature-settings:"ss01"}.home__modules{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;max-width:900px}.home__module-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--shadow-card);display:flex;flex-direction:column;transition:box-shadow .2s ease,border-color .2s ease;overflow:hidden}.home__module-card:hover{box-shadow:#32325d1f 0 8px 24px -8px,#00000014 0 4px 12px -4px;border-color:var(--color-border-soft-purple)}.home__module-card-inner{padding:24px 24px 20px;display:flex;gap:18px;flex:1}.home__module-icon{width:48px;height:48px;border-radius:var(--radius-comfortable);display:flex;align-items:center;justify-content:center;flex-shrink:0}.home__module-body{flex:1;min-width:0}.home__module-title{font-size:1.0625rem;font-weight:500;color:var(--color-heading);letter-spacing:-.2px;font-feature-settings:"ss01";margin-bottom:7px;line-height:1.2}.home__module-desc{font-size:.8125rem;font-weight:300;color:var(--color-body);line-height:1.55;font-feature-settings:"ss01";margin-bottom:16px}.home__module-links{display:flex;flex-direction:column;gap:3px}.home__module-link{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:3px 0;color:var(--color-primary);font-size:.8125rem;font-weight:400;cursor:pointer;font-family:var(--font-primary);font-feature-settings:"ss01";transition:opacity .15s ease;letter-spacing:-.1px;text-align:left;width:fit-content}.home__module-link:hover{opacity:.75}.home__module-footer{padding:14px 24px;border-top:1px solid var(--color-border);background-color:var(--color-surface-secondary)}.home__module-cta{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;font-size:.8125rem;font-weight:500;cursor:pointer;font-family:var(--font-primary);font-feature-settings:"ss01";color:var(--cta-color, var(--color-primary));letter-spacing:-.1px;transition:opacity .15s ease}.home__module-cta:hover{opacity:.75}.table{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-family:var(--font-primary)}th{background-color:transparent;color:var(--color-heading);text-align:left;font-weight:600;padding:12px 16px;border-bottom:1px solid var(--color-border);font-size:.875rem;font-feature-settings:"ss01"}td{color:var(--color-body);padding:12px 16px;border-bottom:1px solid var(--color-border);font-size:.875rem;font-feature-settings:"ss01"}tr:last-child td{border-bottom:none}tr:hover{background-color:#533afd05}.table__sort-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:inherit;font-weight:inherit;padding:0;display:inline-flex;align-items:center;gap:6px}.table__sort-btn:hover{color:var(--color-primary)}.sort-indicator{font-size:.75rem;font-weight:400;opacity:.6}.sort-indicator--asc,.sort-indicator--desc{opacity:1}.btn{font-family:Inter Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;font-feature-settings:"ss01";padding:8px 16px;border-radius:var(--radius-standard);border:none;cursor:pointer;transition:all .2s ease;text-align:center;text-decoration:none;display:inline-block;vertical-align:middle}.btn--primary{background-color:var(--color-primary);color:var(--color-surface);border:1px solid transparent}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background-color:var(--color-primary-dark)}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-border-purple)}.btn--ghost:hover:not(:disabled){background-color:#533afd0d;border-color:var(--color-primary)}.btn--ghost:active:not(:disabled){background-color:#533afd1a}.btn--ghost:disabled{opacity:.5;cursor:not-allowed}.btn--small{padding:4px 12px;font-size:.875rem}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.form-field{margin-bottom:20px;display:flex;flex-direction:column}.form-label{font-size:.875rem;font-weight:400;color:var(--color-label);margin-bottom:6px;font-family:var(--font-primary);font-feature-settings:"ss01"}.form-required{color:var(--color-error-text);margin-left:4px}.form-input,.form-select,.form-textarea{padding:8px 12px;font-size:.875rem;font-family:var(--font-primary);font-feature-settings:"ss01";border:1px solid var(--color-border);border-radius:var(--radius-standard);color:var(--color-heading);background-color:var(--color-surface);transition:all .2s ease}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#a0aec0}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #533afd1a}.form-input:hover:not(:disabled),.form-select:hover:not(:disabled),.form-textarea:hover:not(:disabled){border-color:var(--color-primary)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:#0000000d;color:var(--color-label);cursor:not-allowed;opacity:.6}.form-input--error,.form-select--error,.form-textarea--error{border-color:var(--color-error-text)}.form-input--error:focus,.form-select--error:focus,.form-textarea--error:focus{border-color:var(--color-error-text);box-shadow:0 0 0 3px #ea22611a}.form-error{color:var(--color-error-text);font-size:.75rem;margin-top:4px;font-family:var(--font-primary);font-feature-settings:"ss01"}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23533afd' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.badge{display:inline-flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:300;padding:1px 6px;border-radius:var(--radius-standard);border:1px solid;font-family:var(--font-primary);font-feature-settings:"ss01"}.badge--paid{background-color:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-border)}.badge--unpaid{background-color:var(--color-error-bg);color:var(--color-error-text);border-color:#ea22614d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#061b3180;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background-color:var(--color-surface);border-radius:var(--radius-large);box-shadow:var(--shadow-elevated);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid var(--color-border)}.modal__title{font-size:1.375rem;color:var(--color-heading);margin:0;font-weight:300;font-feature-settings:"ss01"}.modal__close-btn{background:none;border:none;font-size:32px;color:var(--color-label);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.modal__close-btn:hover{color:var(--color-heading)}.modal__content{padding:24px;color:var(--color-body);font-size:.875rem;line-height:1.6;font-feature-settings:"ss01"}.modal__footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px;border-top:1px solid var(--color-border)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-comfortable);box-shadow:var(--shadow-elevated);padding:16px}.card:hover{box-shadow:var(--shadow-ambient)}.md-page{min-height:100vh}.md-page__header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:32px 40px 28px}.md-page__title{font-size:1.625rem;font-weight:300;color:var(--color-heading);letter-spacing:-.4px;line-height:1.15;font-feature-settings:"ss01";margin-bottom:4px}.md-page__subtitle{font-size:.875rem;font-weight:300;color:var(--color-body);font-feature-settings:"ss01"}.md-page__error{margin:20px 40px 0;padding:12px 16px;background-color:var(--color-error-bg);color:var(--color-error-text);border-radius:var(--radius-standard);font-size:.875rem}.md-loading{padding:40px;font-size:.875rem;color:var(--color-body)}.md-sections{padding:28px 40px 48px;display:flex;flex-direction:column;gap:24px}.md-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--shadow-card);overflow:hidden}.md-section__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}.md-section__title{font-size:.9375rem;font-weight:500;color:var(--color-heading);letter-spacing:-.2px;font-feature-settings:"ss01"}.md-section__count{font-size:.75rem;font-weight:400;color:var(--color-body);background-color:var(--color-surface-secondary);border:1px solid var(--color-border);padding:2px 8px;border-radius:10px;font-feature-settings:"tnum"}.md-section__body{display:grid;grid-template-columns:1fr 320px}.md-table-panel{border-right:1px solid var(--color-border);min-height:120px}.md-empty{padding:32px 24px;font-size:.8125rem;color:var(--color-body);text-align:center;font-feature-settings:"ss01"}.md-table{width:100%;border-collapse:collapse}.md-table__th{padding:10px 20px;text-align:left;font-size:.6875rem;font-weight:500;color:var(--color-body);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--color-border);background-color:var(--color-surface-secondary);font-feature-settings:"ss01"}.md-table__th--actions{width:120px;text-align:right}.md-table__row{transition:background-color .12s ease}.md-table__row:not(:last-child){border-bottom:1px solid var(--color-border)}.md-table__row:hover{background-color:#fafbfd}.md-table__row--editing{background-color:#533afd08}.md-table__td{padding:11px 20px;font-size:.875rem;color:var(--color-label);font-feature-settings:"ss01"}.md-table__td--actions{text-align:right;padding-right:16px;white-space:nowrap}.md-action{background:none;border:none;cursor:pointer;font-size:.8125rem;font-weight:400;font-family:var(--font-primary);font-feature-settings:"ss01";padding:4px 8px;border-radius:var(--radius-standard);transition:background-color .12s ease,color .12s ease}.md-action--edit{color:var(--color-primary)}.md-action--edit:hover{background-color:#533afd14}.md-action--delete{color:var(--color-ruby);margin-left:2px}.md-action--delete:hover{background-color:#ea226114}.md-form-panel{padding:20px 24px;background-color:var(--color-surface-secondary)}.md-form__title{font-size:.8125rem;font-weight:500;color:var(--color-heading);letter-spacing:-.1px;font-feature-settings:"ss01";margin-bottom:16px}.md-form__error{padding:10px 12px;background-color:var(--color-error-bg);color:var(--color-error-text);border-radius:var(--radius-standard);font-size:.8125rem;margin-bottom:14px;font-feature-settings:"ss01"}.md-form__actions{display:flex;gap:8px;margin-top:14px}.md-delete__warning{color:var(--color-error-text);font-size:.8125rem;margin-top:10px}:root{--color-primary: #533afd;--color-primary-hover: #4434d4;--color-primary-dark: #2e2b8c;--color-heading: #061b31;--color-label: #273951;--color-body: #64748d;--color-surface: #ffffff;--color-surface-secondary: #f7f9fc;--color-border: #e5edf5;--color-border-purple: #b9b9f9;--color-border-soft-purple: #d6d9fc;--color-border-magenta: #ffd7ef;--color-success: #15be53;--color-success-bg: rgba(21, 190, 83, .2);--color-success-text: #108c3d;--color-success-border: rgba(21, 190, 83, .4);--color-error-bg: rgba(234, 34, 97, .15);--color-error-text: #ea2261;--color-brand-dark: #1c1e54;--color-ruby: #ea2261;--color-magenta: #f96bee;--color-magenta-light: #ffd7ef;--shadow-elevated: rgba(50, 50, 93, .25) 0px 30px 45px -30px, rgba(0, 0, 0, .1) 0px 18px 36px -18px;--shadow-ambient: rgba(23, 23, 23, .08) 0px 15px 35px 0px;--shadow-soft: rgba(23, 23, 23, .06) 0px 8px 20px 0px;--shadow-card: rgba(50, 50, 93, .08) 0px 4px 16px -4px, rgba(0, 0, 0, .06) 0px 2px 8px -2px;--radius-standard: 4px;--radius-comfortable: 6px;--radius-large: 8px;--font-primary: "Inter Variable", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Source Code Pro", "Menlo", "Monaco", monospace;--sidebar-width: 240px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background-color:var(--color-surface);color:var(--color-body);line-height:1.5;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:300;color:var(--color-heading);font-feature-settings:"ss01"}h1{font-size:3.5rem;line-height:1.03;letter-spacing:-1.4px}h2{font-size:3rem;line-height:1.15;letter-spacing:-.96px}h3{font-size:2rem;line-height:1.1;letter-spacing:-.64px}h4{font-size:1.625rem;line-height:1.12;letter-spacing:-.26px}h5{font-size:1.375rem;line-height:1.1;letter-spacing:-.22px}h6{font-size:1.13rem;line-height:1.4;letter-spacing:0}p{color:var(--color-body);font-size:1rem;line-height:1.6;font-feature-settings:"ss01"}.text-body-large{font-size:1.125rem;line-height:1.4;font-feature-settings:"ss01";color:var(--color-body)}.text-caption{font-size:.875rem;line-height:1;font-feature-settings:"ss01";color:var(--color-label)}.text-caption-small{font-size:.75rem;line-height:1.33;font-feature-settings:"ss01";color:var(--color-label)}.text-micro{font-size:.625rem;line-height:1.15;font-feature-settings:"ss01"}a{color:var(--color-primary);text-decoration:none;font-weight:400;font-feature-settings:"ss01";transition:color .2s ease}a:hover{color:var(--color-primary-hover)}code{font-family:var(--font-mono);font-size:.875rem;font-weight:500;line-height:2}pre{background-color:#f5f5f5;padding:16px;border-radius:var(--radius-standard);overflow-x:auto}.container{max-width:1080px;margin:0 auto;padding:0 16px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}