@charset "UTF-8";:root{--primary-500: #00a9b8;--primary-400: #34bac5;--primary-300: #54c4cf;--primary-200: #8ad7df;--primary-100: #b1e4e8;--secondary-500: #66fdbe;--secondary-400: #88ffcd;--secondary-300: #b4ffe0;--secondary-200: #caffe9;--secondary-100: #ddfff1;--alert-success: #4ade80;--alert-info: #246bfd;--alert-warning: #facc15;--alert-error: #f75555;--alert-disabled: #d8d8d8;--alert-button-disabled: #067983;--greyscale-900: #212121;--greyscale-800: #424242;--greyscale-700: #616161;--greyscale-600: #757575;--greyscale-500: #9e9e9e;--greyscale-400: #bdbdbd;--greyscale-300: #e0e0e0;--greyscale-200: #eeeeee;--greyscale-100: #f5f5f5;--greyscale-50: #fafafa;--gradient-blue: linear-gradient(286.17deg, #2a9ea8 0%, #70dbe6 100%);--gradient-yellow: linear-gradient(286.17deg, #facc15 0%, #ffe580 100%);--gradient-green: linear-gradient(286.17deg, #22bb9c 0%, #35debc 100%);--gradient-orange: linear-gradient(286.17deg, #fb9400 0%, #ffab38 100%);--gradient-red: linear-gradient(286.17deg, #ff4d67 0%, #ff8a9b 100%);--gradient-button: linear-gradient( 81.88deg, #4ae2a1 6.39%, #4ae5c6 48.81%, #32ddeb 93.75% );--dark-1: #181a20;--dark-2: #242d2b;--dark-3: #35383f;--color-white: #ffffff;--color-black: #000000;--color-red: #f54336;--color-pink: #ea1e61;--color-purple: #9d28ac;--color-deep-purple: #673ab3;--color-indigo: #3f51b2;--color-blue: #1a96f0;--color-light-blue: #00a9f1;--color-cyan: #00bcd3;--color-teal: #009689;--color-green: #4aaf57;--color-light-green: #8bc255;--color-lime: #cddc4c;--color-yellow: #ffeb4f;--color-amber: #ffc02d;--color-orange: #ff981f;--color-deep-orange: #ff5726;--color-brown: #7a5548;--color-blue-grey: #607d8a;--bg-blue: #f6fafd;--bg-green: #f2fffc;--bg-orange: #fff8ed;--bg-pink: #fff5f5;--bg-yellow: #fffee0;--bg-purple: #fcf4ff;--transparent-blue: rgba(51, 94, 247, .08);--transparent-orange: rgba(255, 152, 0, .08);--transparent-yellow: rgba(250, 204, 21, .08);--transparent-red: rgba(247, 85, 85, .08);--transparent-green: rgba(76, 175, 80, .08);--transparent-purple: rgba(156, 39, 176, .08);--transparent-cyan: rgba(0, 188, 212, .08);--radius-card: 24px;--radius-pill: 60px;--radius-md: 12px;--radius-sm: 8px;--radius-lg: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--app-name: "theAbdev";--primary-color: var(--primary-500);--primary-color-light: var(--primary-400);--primary-color-dark: #067983;--secondary-color: var(--dark-1);--secondary-color-light: var(--dark-2);--secondary-color-dark: var(--dark-1);--accent-color: var(--primary-400);--accent-color-light: var(--primary-300);--accent-color-dark: var(--primary-500);--brand-gold: #d7b273;--accent-surface: var(--transparent-cyan);--accent-surface-strong: rgba(0, 169, 184, .16);--background-light: var(--greyscale-50);--background-card: var(--color-white);--surface-2: var(--greyscale-100);--text-primary: var(--greyscale-900);--text-secondary: var(--greyscale-700);--text-muted: var(--greyscale-500);--white: var(--color-white);--border-color: var(--greyscale-200);--success-color: var(--alert-success);--success-dark: #22c55e;--success-surface: var(--transparent-green);--success-light: rgba(74, 222, 128, .12);--warning-color: var(--alert-warning);--warning-dark: #eab308;--warning-surface: rgba(250, 204, 21, .16);--error-color: var(--alert-error);--danger-color: var(--alert-error);--danger-dark: #dc2626;--error-surface: rgba(247, 85, 85, .14);--info-color: var(--primary-500);--info-dark: var(--primary-500);--shadow-1: 0 10px 30px rgba(0, 0, 0, .06);--shadow-2: 0 18px 48px rgba(0, 0, 0, .1);--shadow-card: 0px 4px 40px 0px rgba(37, 191, 236, .2);--header-grad-start: var(--dark-1);--header-grad-mid: var(--dark-2);--header-grad-end: var(--dark-3);--card-accent: var(--gradient-button);--heading-font: "Montserrat Arabic", "Cairo", sans-serif}:root,html[data-theme=light]{--bg-page: var(--greyscale-50);--bg-card: var(--color-white);--shadow-card: 0px 4px 40px rgba(0, 0, 0, .06)}html[data-theme=dark]{--bg-page: var(--greyscale-900);--bg-card: var(--dark-2);--text-primary: var(--greyscale-100);--text-secondary: var(--greyscale-400);--text-muted: var(--greyscale-500);--shadow-card: 0px 4px 40px rgba(0, 0, 0, .3);--background-light: var(--greyscale-900);--background-card: var(--dark-2);--surface-2: var(--dark-3);--border-color: var(--greyscale-700)}.windows-section,.users-header,.projects-header,.assignments-header,.images-header,.tasks-header,.backlog-header,.sprints-header,.roadmap-header,.reports-header{background:#00bcd414;border:1px solid var(--primary-100);border-radius:var(--radius-card);padding:1rem 1.25rem}html[data-theme=dark] .windows-section,html[data-theme=dark] .users-header,html[data-theme=dark] .projects-header,html[data-theme=dark] .assignments-header,html[data-theme=dark] .images-header,html[data-theme=dark] .tasks-header,html[data-theme=dark] .backlog-header,html[data-theme=dark] .sprints-header,html[data-theme=dark] .roadmap-header,html[data-theme=dark] .reports-header{border:1px solid #067983;background:#00bcd414}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat Arabic,Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:radial-gradient(1200px 600px at 85% -10%,rgba(0,169,184,.12),transparent 60%),radial-gradient(900px 500px at 10% 0%,rgba(0,169,184,.08),transparent 60%),var(--bg-page);color:var(--text-primary);line-height:1.6;font-size:clamp(16px,2.5vw,18px);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app-content{min-height:100vh;position:relative;overflow:hidden}.shadow-blur{position:absolute;z-index:5000;filter:blur(200px);background-color:#65f9ce80;width:352px;height:352px;z-index:-1;pointer-events:none}.shadow-blur-2{top:25%;left:-193px}.shadow-blur-3{top:50%;right:-183px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--heading-font);font-weight:600;margin-bottom:1rem;line-height:1.3}h1{font-size:clamp(36px,6vw,48px)}h2{font-size:clamp(32px,5.5vw,40px)}h3{font-size:clamp(28px,5vw,36px)}h4{font-size:clamp(24px,4.5vw,32px)}h5{font-size:clamp(20px,4vw,28px)}h6{font-size:clamp(16px,3.5vw,24px)}a{color:var(--primary-500);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-400)}.btn{display:inline-block;padding:12px 22px;border-radius:var(--radius-card);border:none;font-weight:700;letter-spacing:.2px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;cursor:pointer}.btn.btn-secondary{background:var(--dark-1);color:var(--color-white)}.btn.btn-secondary:hover{background:var(--dark-2);transform:translateY(-2px);box-shadow:var(--shadow-1)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary,.login-button,.btn-new-user,.btn-new-project,.btn-create-project,.btn-submit{background:linear-gradient(286.17deg,#2a9ea8,#70dbe6);color:#fff;font-size:clamp(15px,2.5vw,18px);border-radius:60px;transition:.25s;border:none}.btn.btn-primary:hover:not(:disabled),.login-button:hover:not(:disabled),.btn-new-user:hover:not(:disabled),.btn-new-project:hover:not(:disabled),.btn-create-project:hover:not(:disabled),.btn-submit:hover:not(:disabled){background:linear-gradient(286.17deg,#1e7f87,#5ac4cf)}.btn-back{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--primary-500);font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.btn-back i{font-size:.9rem}.btn-back:hover{background:var(--surface-2);color:var(--primary-color-dark);transform:translate(-3px)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);position:relative;box-shadow:var(--shadow-card)}.section-header .section-title{margin:0;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;color:var(--text-primary)}.section-header .section-subtitle{margin:0;color:var(--text-secondary);font-size:clamp(.9rem,2vw,1rem)}.card{background:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:all .6s ease-out;border:1px solid var(--primary-100)}.card:hover{border-color:var(--primary-400);box-shadow:0 4px 40px #25bfec33;transform:translateY(-4px)}:where(.card,[class*=-card],.project-card,.overview-card,.stat-card,.chart-card,.image-card,.user-card,.sprint-card,.template-card,.phase-card,.summary-card,.milestone,.demo){position:relative;background:var(--bg-card);border:1px solid var(--primary-100);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}:where(.card,[class*=-card],.project-card,.overview-card,.stat-card,.chart-card,.image-card,.user-card,.sprint-card,.template-card,.phase-card,.summary-card):hover{transform:translateY(-4px);box-shadow:0 4px 40px #25bfec33;border-color:var(--primary-400)}table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-1)}th,td{padding:var(--space-3) var(--space-4);text-align:right;border-bottom:1px solid var(--border-color)}th{background:var(--surface-2);font-weight:700;color:var(--text-primary)}tr:nth-child(2n) td{background:#00000005}tr:hover td{background:var(--transparent-cyan)}ul,ol{padding-right:1.2rem}li{margin-bottom:.35rem}.empty-state,.empty,.no-results,.no-data{text-align:center;padding:var(--space-6);color:var(--text-secondary);background:var(--surface-2);border:1px dashed var(--border-color);border-radius:var(--radius-card)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content,.modal{border:1px solid var(--border-color);box-shadow:var(--shadow-2);border-radius:var(--radius-card)}input,select,textarea{font-family:inherit;font-size:15px;line-height:140%;border-radius:clamp(10px,2vw,12px);border:1px solid rgba(76,175,80,.2);background:#fafafa;padding:clamp(10px,2vw,14px) clamp(12px,3vw,20px);color:#616161;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input::placeholder,textarea::placeholder{color:#bdbdbd}input:focus,select:focus,textarea:focus{outline:none;border-color:#54c4cf;background-color:#fff}input[type=search],.search-filter input,.filter-search,.search-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2351607a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.badge,[class*=badge]{border-radius:999px}button,a,input,select,textarea{transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.progress{height:10px;border-radius:5px;background-color:#0000001a;overflow:hidden}.progress .progress-bar{background:var(--gradient-button);transition:width .6s ease}.badge{font-weight:600;padding:6px 12px;border-radius:var(--radius-pill);font-size:.8rem}.badge.badge-primary{background-color:var(--primary-500);color:var(--color-white)}.badge.badge-secondary{background-color:var(--dark-1);color:var(--color-white)}@media (max-width: 768px){body{font-size:14px}h1{font-size:1.8rem}h2{font-size:1.6rem}h3{font-size:1.4rem}}.text-primary{color:var(--primary-500)!important}.text-secondary{color:var(--text-secondary)!important}.bg-primary{background-color:var(--primary-500)!important}.bg-secondary{background-color:var(--dark-1)!important}.spinner{color:var(--primary-500);width:50px;height:50px;border:3px solid var(--surface-2);border-top:3px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:var(--alert-error);background-color:#f7555514;border:1px solid rgba(247,85,85,.3);padding:10px;border-radius:var(--radius-sm);margin-bottom:1rem}.success-message{color:var(--alert-success);background-color:#4ade8014;border:1px solid rgba(74,222,128,.3);padding:10px;border-radius:var(--radius-sm);margin-bottom:1rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-light)}::-webkit-scrollbar-thumb{background:var(--primary-500);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color-dark)}html[data-theme=dark] .empty-state,html[data-theme=dark] .empty,html[data-theme=dark] .no-results,html[data-theme=dark] .no-data{background:var(--dark-3);border-color:var(--greyscale-700);color:var(--greyscale-400)}html[data-theme=dark] .modal-content,html[data-theme=dark] .modal,html[data-theme=dark] .loading-container,html[data-theme=dark] .error-container{background:var(--dark-2);border-color:var(--greyscale-700)}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background-color:#00bcd414;color:var(--greyscale-100);border:1px solid var(--greyscale-600)}html[data-theme=dark] select option{background-color:var(--dark-2);color:var(--greyscale-100)}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--greyscale-500)}html[data-theme=dark] input:focus,html[data-theme=dark] select:focus,html[data-theme=dark] textarea:focus{border-color:#54c4cf;background-color:#00bcd414;color:var(--greyscale-100)}form{padding:clamp(16px,3vw,20px);border-radius:28px;background-color:#fff}html[data-theme=dark] form{background-color:var(--dark-1)}.form-outer-container,.modal.form-outer-container,.modal-content.form-outer-container{border:1px solid #88ffcd;border-radius:43px;padding:clamp(5px,6vw,24px);background:#00bcd414}html[data-theme=dark] .form-outer-container{border-color:#067983}label,.form-label{font-size:15px;color:#616161;font-weight:700}html[data-theme=dark] label,html[data-theme=dark] .form-label{color:var(--greyscale-200)}.cdk-overlay-container{z-index:1100!important}.mat-mdc-snack-bar-container{--mdc-snackbar-container-color: var(--bg-card);--mdc-snackbar-supporting-text-color: var(--text-primary);--mat-mdc-snack-bar-button-color: var(--primary-500)}.mat-mdc-snack-bar-container .mdc-snackbar__surface{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-2)!important}.mat-mdc-snack-bar-container .mat-mdc-snack-bar-label{color:var(--text-primary)!important}.mat-mdc-snack-bar-container .mat-mdc-button{color:var(--primary-500)!important}.mat-mdc-snack-bar-container .mat-mdc-button .mat-mdc-button-persistent-ripple,.mat-mdc-snack-bar-container .mat-mdc-button .mdc-button__ripple,.mat-mdc-snack-bar-container .mat-mdc-button:hover .mat-mdc-button-persistent-ripple,.mat-mdc-snack-bar-container .mat-mdc-button:hover .mdc-button__ripple{display:none!important}html[data-theme=dark] .mat-mdc-snack-bar-container{--mdc-snackbar-container-color: var(--dark-2);--mdc-snackbar-supporting-text-color: var(--greyscale-100);--mat-mdc-snack-bar-button-color: var(--primary-300)}html[data-theme=dark] .mat-mdc-snack-bar-container .mdc-snackbar__surface{background-color:var(--dark-2)!important;color:var(--greyscale-100)!important;border:1px solid var(--greyscale-600)!important}html[data-theme=dark] .mat-mdc-snack-bar-container .mat-mdc-snack-bar-label{color:var(--greyscale-100)!important}html[data-theme=dark] .mat-mdc-snack-bar-container .mat-mdc-button{color:var(--primary-300)!important}html[data-theme=dark] .mat-mdc-snack-bar-container .mat-mdc-button .mat-mdc-button-persistent-ripple,html[data-theme=dark] .mat-mdc-snack-bar-container .mat-mdc-button .mdc-button__ripple,html[data-theme=dark] .mat-mdc-snack-bar-container .mat-mdc-button:hover .mat-mdc-button-persistent-ripple,html[data-theme=dark] .mat-mdc-snack-bar-container .mat-mdc-button:hover .mdc-button__ripple{display:none!important}.error-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface,html[data-theme=dark] .error-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface{border-color:var(--alert-error)!important}