html{--mat-sys-background: light-dark(#f9faf3, #121410);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f1f1eb, #2f312d);--mat-sys-inverse-primary: light-dark(#02e600, #026e00);--mat-sys-inverse-surface: light-dark(#2f312d, #e2e3dc);--mat-sys-on-background: light-dark(#1a1c18, #e2e3dc);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #013a00);--mat-sys-on-primary-container: light-dark(#015300, #77ff61);--mat-sys-on-primary-fixed: light-dark(#002200, #002200);--mat-sys-on-primary-fixed-variant: light-dark(#015300, #015300);--mat-sys-on-secondary: light-dark(#ffffff, #263422);--mat-sys-on-secondary-container: light-dark(#3c4b37, #d7e8cd);--mat-sys-on-secondary-fixed: light-dark(#121f0e, #121f0e);--mat-sys-on-secondary-fixed-variant: light-dark(#3c4b37, #3c4b37);--mat-sys-on-surface: light-dark(#1a1c18, #e2e3dc);--mat-sys-on-surface-variant: light-dark(#43483f, #dfe4d7);--mat-sys-on-tertiary: light-dark(#ffffff, #003737);--mat-sys-on-tertiary-container: light-dark(#004f4f, #00fbfb);--mat-sys-on-tertiary-fixed: light-dark(#002020, #002020);--mat-sys-on-tertiary-fixed-variant: light-dark(#004f4f, #004f4f);--mat-sys-outline: light-dark(#73796e, #8d9387);--mat-sys-outline-variant: light-dark(#c3c8bc, #43483f);--mat-sys-primary: light-dark(#026e00, #02e600);--mat-sys-primary-container: light-dark(#77ff61, #015300);--mat-sys-primary-fixed: light-dark(#77ff61, #77ff61);--mat-sys-primary-fixed-dim: light-dark(#02e600, #02e600);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#54634d, #bbcbb2);--mat-sys-secondary-container: light-dark(#d7e8cd, #3c4b37);--mat-sys-secondary-fixed: light-dark(#d7e8cd, #d7e8cd);--mat-sys-secondary-fixed-dim: light-dark(#bbcbb2, #bbcbb2);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f9faf3, #121410);--mat-sys-surface-bright: light-dark(#f9faf3, #383a35);--mat-sys-surface-container: light-dark(#eeeee7, #1e201c);--mat-sys-surface-container-high: light-dark(#e8e9e1, #282b26);--mat-sys-surface-container-highest: light-dark(#e2e3dc, #333531);--mat-sys-surface-container-low: light-dark(#f3f4ed, #1a1c18);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0b);--mat-sys-surface-dim: light-dark(#dadbd3, #121410);--mat-sys-surface-tint: light-dark(#026e00, #02e600);--mat-sys-surface-variant: light-dark(#dfe4d7, #43483f);--mat-sys-tertiary: light-dark(#006a6a, #00dddd);--mat-sys-tertiary-container: light-dark(#00fbfb, #004f4f);--mat-sys-tertiary-fixed: light-dark(#00fbfb, #00fbfb);--mat-sys-tertiary-fixed-dim: light-dark(#00dddd, #00dddd);--mat-sys-neutral-variant20: #2c3229;--mat-sys-neutral10: #1a1c18;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;height:100%;overflow-y:auto;scroll-behavior:smooth}:root{--sayari-primary: #1800AD;--sayari-primary-deep: #0e006b;--sayari-accent: #5aaacd;--sayari-ink: #12221b;--sayari-muted: #5c736c;--sayari-line: rgba(18, 34, 27, .1);--sayari-shadow: 0 24px 60px rgba(16, 33, 27, .12);--mat-sys-primary: var(--sayari-primary);--mat-sys-on-primary: #f7fcf9;--mat-sys-secondary: #487667;--mat-sys-surface: #ffffff;--mat-sys-on-surface: var(--sayari-ink);--mat-sys-outline: rgba(18, 34, 27, .14)}body{margin:0;min-height:100%;overflow-x:hidden;color-scheme:light;background:radial-gradient(circle at 95% 95%,rgba(17,1,115,.04),transparent 455%),radial-gradient(circle at 95% 95%,rgba(85,77,233,.06),transparent 455%),radial-gradient(circle at 95% 95%,rgba(85,77,233,.06),transparent 45%),linear-gradient(135deg,#fff,#f9faff 200%);color:var(--sayari-ink);font-family:DM Sans,Segoe UI,sans-serif}*,*:before,*:after{box-sizing:border-box}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.auth-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:2rem 1rem}.brand-logo{margin-top:1rem;margin-bottom:.05rem;display:flex;justify-content:center}.brand-logo__img{height:120px;width:auto;filter:drop-shadow(0 8px 16px rgba(24,0,173,.08))}.auth-split-wrapper{display:grid;grid-template-columns:1fr 800px;gap:clamp(2rem,5vw,6rem);align-items:center;min-height:100vh;max-width:1400px;margin:0 auto;padding:2rem;animation:rise-in .8s ease both}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif}p{line-height:1.55}.mat-mdc-card,.mat-mdc-form-field,.mat-mdc-button-base,.mat-mdc-button-toggle,.mdc-label,.mat-mdc-option{font-family:DM Sans,Segoe UI,sans-serif!important}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color: var(--sayari-primary);--mdc-filled-button-label-text-color: #f7fcf9}.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: rgba(18, 34, 27, .14)}.auth-shell__nav-link{display:flex;flex-direction:column;gap:.2rem;padding:.95rem 1rem;border:1px solid rgba(18,34,27,.08);border-radius:20px;background:#ffffffad;color:var(--sayari-muted);box-shadow:inset 0 1px #ffffffb3;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.auth-shell__nav-link span{color:var(--sayari-ink);font-weight:700}.auth-shell__nav-link small{color:var(--sayari-muted);font-size:.84rem}.auth-shell__nav-link:hover,.auth-shell__nav-link.is-active{transform:translateY(-2px);background:#fff;border-color:#1d5c492e;box-shadow:0 18px 30px #12221b14}.auth-shell__nav-link.is-active{outline:2px solid rgba(29,92,73,.08)}.auth-shell__content{display:flex;flex:1}.auth-page-card{width:100%;padding:clamp(.35rem,1vw,.9rem);border:1px solid rgba(18,34,27,.08)!important;border-radius:10px!important;background:radial-gradient(circle at 95% 95%,rgba(85,77,233,.06),transparent 405%),linear-gradient(135deg,#fff,#f9faff);box-shadow:0 10px 20px #12221b14!important;animation:rise-in .8s ease .08s both}.auth-page-card--thin{max-width:450px;padding:.85rem 2.25rem!important;border-radius:20px!important;overflow:hidden}.auth-page-card--thin .mat-mdc-form-field-subscript-wrapper{display:none}.auth-page-card--thin .mat-mdc-form-field-flex{height:52px}.auth-page-card--wide{max-width:70%}.auth-page-card--narrow{max-width:560px}.auth-page__header{display:grid;gap:.5rem;margin-bottom:.25rem;text-align:center;justify-items:center}.auth-page__eyebrow{margin:0;color:var(--sayari-primary);font-size:1.08rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:0 50px 8px}.auth-page__title{font-size:1.35rem;line-height:1.2;color:var(--sayari-ink);font-weight:700}.auth-page__subtitle{margin:0;max-width:42rem;color:var(--sayari-muted)}@media (max-width: 1024px){.auth-split-wrapper{grid-template-columns:1fr;gap:2rem;text-align:center;justify-content:center}.brand-logo--left{justify-content:center}.auth-page__subtitle{margin:0 auto}.auth-page-card--wide{max-width:95%}}@media (max-width: 600px){.auth-page-card--wide,.auth-page-card--thin,.auth-page-card--narrow{max-width:100%}}.auth-form{display:grid;gap:1.5rem}.auth-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.auth-form__span-two{grid-column:1/-1}.auth-form__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:center;color:var(--sayari-muted)}.auth-form__submit{width:100%;min-height:2.75rem;border-radius:100px!important;font-weight:700;background-color:var(--sayari-primary)!important;color:#fff!important}.auth-form__status{margin:0;min-height:2.75rem;display:grid;place-items:center;color:var(--sayari-primary);font-size:.92rem;font-weight:700;letter-spacing:.04em;text-align:center}.auth-segment__label{margin:0;color:var(--sayari-muted);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.auth-segment__copy{margin:.35rem 0 0;max-width:32rem;color:var(--sayari-muted)}.auth-page__footer{margin:.5rem 0 0;color:var(--sayari-muted);text-align:center}.auth-page__footer a{font-weight:700;color:#ad1800}.auth-pin-entry{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem}.auth-pin-entry__slot{width:100%;aspect-ratio:1/1.1;border:.5px solid var(--mat-sys-on-primary);border-radius:18px;background:radial-gradient(circle at 95% 95%,rgba(85,77,233,.06),transparent 455%),radial-gradient(circle at 95% 95%,rgba(85,77,233,.06),transparent 45%);color:var(--sayari-ink);font-size:1.65rem;font-weight:700;text-align:center;box-shadow:inset 0 2px 0 var(--mat-sys-on-primary);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.auth-pin-entry__slot:focus{outline:none;transform:translateY(-1px);border-color:var(--mat-sys-surface);box-shadow:0 0 0 .4px var(--sayari-primary)}.mat-mdc-form-field{width:100%}.auth-legal-footer{margin-top:2rem;display:flex;gap:1.25rem;font-size:.72rem;color:var(--sayari-muted);letter-spacing:.01em}.auth-legal-footer a:hover{color:var(--sayari-primary)}.auth-card-loader{margin:calc(-1*clamp(.35rem,1vw,.9rem)) calc(-1*clamp(.35rem,1vw,.9rem)) 0;overflow:hidden;border-top-left-radius:inherit;border-top-right-radius:inherit}.auth-card-loader .mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color: var(--sayari-primary);--mdc-linear-progress-track-color: rgba(24, 0, 173, .12);height:3px}.mat-mdc-snack-bar-container.sayari-snackbar{--mdc-snackbar-container-shape: 16px}.mat-mdc-snack-bar-container.sayari-snackbar .mdc-snackbar__surface{min-width:min(420px,100vw - 2rem);box-shadow:0 18px 40px #12221b29}.mat-mdc-snack-bar-container.sayari-snackbar .mdc-snackbar__label{font-family:DM Sans,Segoe UI,sans-serif;font-weight:600}.mat-mdc-snack-bar-container.sayari-snackbar--error .mdc-snackbar__surface{background:#8f1d35}.mat-mdc-snack-bar-container.sayari-snackbar--success .mdc-snackbar__surface{background:#1f6a4f}.mat-mdc-snack-bar-container.sayari-snackbar--info .mdc-snackbar__surface{background:#1b4a8f}.mat-mdc-dialog-title{color:var(--sayari-primary)!important;font-weight:800!important}.mat-mdc-dialog-content h2,.mat-mdc-dialog-content h3,.mat-mdc-dialog-content h4{color:var(--sayari-primary)!important}.mat-mdc-dialog-content{scrollbar-width:none;-ms-overflow-style:none}.mat-mdc-dialog-content::-webkit-scrollbar{display:none;width:0;height:0}.project-manage-menu .mat-mdc-menu-content{padding-block:.35rem}.project-manage-menu .mat-mdc-menu-item,.project-manage-menu .mat-mdc-menu-item .mat-icon,.project-manage-menu .mat-mdc-menu-item .mat-mdc-menu-item-text,.project-manage-menu .mat-mdc-menu-item .mdc-list-item__primary-text{color:var(--sayari-primary)!important}.project-manage-menu .mat-mdc-menu-item{font-weight:600}.project-manage-menu .mat-mdc-menu-item:hover:not([disabled]){background:#1800ad0f}.project-manage-menu .mat-mdc-menu-item[disabled]{opacity:1}.project-manage-menu .project-manage-menu__title{font-weight:700}