@font-face{font-family:Tajawal;src:url('/fonts/Tajawal-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('/fonts/Tajawal-Bold.ttf') format('truetype');font-style:normal;font-weight:600 900;font-display:swap}
:root{--green:#087f73;--ink:#183542;--line:#e0e8ec;--muted:#647585;color-scheme:light}
body,button,input,select,textarea{font-family:Tajawal,Arial,sans-serif!important}body{color:#183542;background:#f3f6fa;font-size:17px}p,.muted{color:#607485}button,.button{background:#087f73;color:white}button:hover,.button:hover{background:#06675e}.secondary,.button.secondary{background:#e6f3ef;color:#116b60}.tag,.badge{background:#e5f3ed;color:#26765e}input,select,textarea{color:#263f4e;border-color:#d5e0e5}input::placeholder,textarea::placeholder{color:#81929d}h1,h2,h3{font-weight:700}.logo{color:#153c43}.hero .panel{background:#e2f1eb;box-shadow:14px 18px 0 #c5e1d5}.hero h1 span{color:#087f73!important}.notice{background:#ecf7f1;color:#285c48;border-color:#cce6d7}.error{background:#fff0ed;color:#a13e32;border-color:#efcfc6}
body.app-shell{background:#f3f6fa;color:#183542;font-size:16px}.app-shell .app-header{background:#fff;border-color:#e0e8ec}.header-title{color:#365363;font-weight:700;font-size:15px}.header-date{color:#627889;font-size:13px}.header-actions>a{color:#467066}.app-shell h1{color:#183542;font-size:30px;letter-spacing:0}.page-heading p{color:#607587;font-size:14px}.eyebrow{color:#657e90;font-size:12px}.eyebrow span{color:#9eafba}.app-shell h2{font-size:19px;color:#1c3c49}.app-shell h3{font-size:15px}.app-shell .card{background:#fff;border-color:#e0e8ec;box-shadow:0 4px 18px #21425705}.app-shell .card p{font-size:14px;color:#63798a}.app-shell .button,.app-shell button{background:#087f73;color:white;font-size:14px;font-weight:700}.app-shell .button:hover,.app-shell button:hover{background:#06675e}.app-shell .secondary{color:#116b60;background:#e8f4ef}.app-shell .secondary:hover{background:#d9ece3}.app-shell .button:focus-visible,.app-shell button:focus-visible,.side-link:focus-visible{outline:3px solid #c8aa6d;outline-offset:3px}
.sidebar{background:#132f38;border-color:#132f38;color:#e8f0f1;box-shadow:-4px 0 22px #19394708}.brand{color:white}.brand-symbol{background:#287b6d;color:#fff}.brand-dot{color:#d7bc81}.brand small{color:#a1b9bf;font-size:12px}.workspace-switch{background:#1c3b44;border-color:#30505a}.workspace-switch b{color:#f1f6f7;font-size:14px}.workspace-switch small,.sidebar-user small{color:#a9c2c8;font-size:12px}.workspace-avatar{color:#cceee0;background:#315a58}.online-dot{background:#70d2ad}.nav-caption{color:#91b0ba;font-size:12px}.side-link{color:#c0d3d9;font-size:14px;min-height:49px}.side-link:hover{color:white;background:#244752}.side-link.active{background:#205d57;color:#f3fffa}.side-link.active:before{background:#83d2b0}.side-link.active svg{color:#9de4c6}.nav-count{background:#36766b;color:#e8fff4;font-size:12px}.new-subscriber{border-color:#5f8b88;color:#bbdfce}.sidebar-tip{color:#adc3c3;border-color:#34515a;font-size:12px}.sidebar-user b{color:#ecf5f3;font-size:13px}.sidebar-user .user-avatar{background:#2b6059;color:#d4f2e2}.logout-button{color:#b4cbd0!important}.logout-button:hover{background:#2c4c55!important}.user-avatar,.person-avatar{background:#e0f2e9;color:#1b7560}.brand-symbol{font-weight:700}
.metric{border-color:#dfe8ee;box-shadow:0 3px 12px #18354203;border-top:3px solid #d5eae3}.metric-label{color:#536e7e;font-size:13px}.metric-icon{background:#e5f4ed;color:#21826b}.metric strong{color:#133b45;font-size:36px}.metric small{color:#667d8b;font-size:12px}.metric .storage-number small{font-size:15px;color:#617786}.section-heading p{color:#6b8090;font-size:13px!important}.text-link{color:#08776a;font-size:13px}.data-table{font-size:13px}.data-table th{background:#edf3f7;color:#587082;font-size:12px;font-weight:700}.data-table td{border-color:#e7eef2}.person-cell small{color:#657d8c;font-size:12px}.table-id{color:#7b8e9b;font-size:11px}.data-table time{color:#576f80;font-size:12px}.person-cell b{color:#274555}.plan-chip{background:#eaf0f9;color:#486b98;font-size:12px}.status-pill{font-size:12px}.is-active{background:#e0f4e9;color:#24774d}.is-expired{background:#fff2dc;color:#96631d}.subtle-badge{background:#eef3f7;color:#5e788a;font-size:12px}.quick-card{background:#e6f2ed!important;border-color:#cee4d9!important}.quick-card h2{color:#174c42;font-size:25px!important}.quick-card p{color:#557b6a}.feature-icon{background:#d5eade;color:#2f7b59}.quick-summary{border-color:#c9dfd2;color:#577b66;font-size:12px}.quick-summary b{color:#275d43}.activity-row{font-size:13px;border-color:#e8eef2}.activity-row small,.activity-row time{color:#6c8291;font-size:12px}.activity-dot{border-color:#65a993;background:#dcf0e6}.empty-state h3{color:#40675e;font-size:17px!important}.empty-state p{color:#6c837f;font-size:13px}.empty-state>svg{color:#6ca18c}.mini-metrics{color:#5d7684;font-size:13px}.mini-metrics b{color:#234a53}.search-field{background:#f8fafc;border-color:#dce5eb}.search-field svg{color:#728d9d}.app-shell input,.app-shell textarea,.app-shell select{background:#fbfcfe;border-color:#d4e0e7;color:#294656;font-size:14px}.app-shell input:focus,.app-shell textarea:focus,.app-shell select:focus{border-color:#399b85;box-shadow:0 0 0 3px #e0f0e9}.app-shell label{font-size:13px;color:#496575}.app-shell label small{color:#718693;font-size:12px}.app-shell em{color:#b4613d}.form-section-title>span{background:#e1f1e8;color:#388769;font-size:13px}.form-section-title p{color:#708692;font-size:12px!important}.plan-preview{background:#163f48;box-shadow:0 10px 30px #183d3520;border-top:4px solid #c9b17c}.plan-preview h2{color:white}.plan-preview .subtle-badge{background:#2d5960;color:#c6e6df}.plan-preview p{color:#b6d0ce;font-size:13px}.plan-preview>div{font-size:14px;border-color:#3b6267}.plan-preview>div span{color:#bad2d1}.help-note{color:#6a828a}.help-note p{font-size:13px}.plan-price{color:#176554}.plan-price small{color:#6b8190;font-size:13px}.renew-details summary{font-size:12px}.renew-form{background:#f0f6f4}.project-icon{background:#e3f0e8;color:#3b8667}.project-row{font-size:14px}.project-row small{color:#6a8190;font-size:12px}.project-row>svg{color:#719087}.subscription-mini{background:#e5f2ea;border-color:#cbdfd2}.subscription-mini small{color:#5c7e69;font-size:12px}.subscription-facts small{color:#67816e;font-size:12px}.subscription-facts strong{color:#2c7251}.detail-line{font-size:14px}.detail-line span{color:#667f8b}.app-shell .foot{color:#7b909c;font-size:12px}.app-shell .notice{background:#eaf6ee;color:#365f49;border-color:#c9e3d1;font-size:14px}.app-shell .error{background:#fff0ec;color:#a04836;border-color:#edc7bd}.app-shell progress{accent-color:#15866b}.app-shell .mobile-menu{color:#235a50!important}
@media(max-width:850px){.page-heading h1{font-size:26px}.page-heading p{font-size:13px}.header-title{font-size:14px}.plan-preview h2{font-size:26px}.sidebar-backdrop{backdrop-filter:blur(2px)}}
@media(max-width:500px){.page-heading h1{font-size:24px}.page-heading>.button{font-size:12px}.metric-label{font-size:12px}.metric strong{font-size:30px}.metric small{font-size:11px}.activity-row time{font-size:11px}.project-row .status-pill{font-size:11px}}