*{box-sizing:border-box}body{color:#193943;background:#f4f7f8;margin:0;font-family:Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}aside{color:#fff;background:#103d44;width:235px;height:100vh;padding:35px 22px;position:fixed}.brand{align-items:center;gap:12px;font-size:25px;font-weight:700;display:flex}.brand small{letter-spacing:1.4px;margin-top:7px;font-size:8px;display:block}.mark{color:#103d44;background:#86d4b7;border-radius:12px;padding:10px}.section{letter-spacing:2px;color:#a7bdc1;margin:60px 10px 20px;font-size:10px}.nav{color:#c7dadd;text-align:left;background:0 0;border:0;border-radius:9px;width:100%;margin-bottom:8px;padding:17px 12px}.nav b{margin-right:12px;font-size:20px}.nav small{margin-top:5px;margin-left:33px;display:block}.nav.active{color:#fff;background:#28545b}.asidefoot{color:#b3cccc;font-size:12px;line-height:2;position:absolute;bottom:35px}main{max-width:1550px;margin-left:235px;padding:0 42px}header{letter-spacing:1px;border-bottom:1px solid #dce5e7;justify-content:space-between;align-items:center;height:78px;font-size:11px;display:flex}.live{color:#287b64}.offline{color:#9a5c27}.banner{color:#745724;background:#fff2d9;border:1px solid #f0dfbb;border-radius:8px;margin-top:22px;padding:12px 16px;font-size:12px;line-height:1.6}.heading{padding:32px 0 20px}.eyebrow{color:#618780;letter-spacing:2px;font-size:10px}h1{letter-spacing:-1px;max-width:730px;margin:12px 0;font-size:34px}p{color:#71848a;line-height:1.6}h2{margin:0;font-size:19px}h3{margin:10px 0;font-size:18px}.toolbar{align-items:end;gap:18px;margin-bottom:26px;display:flex}label{color:#526f76;flex:1;margin-bottom:18px;font-size:12px;display:block}input,select{color:#24474f;background:#fff;border:1px solid #cfdcde;border-radius:7px;width:100%;min-height:44px;margin-top:9px;padding:13px;display:block}.toolbar label{max-width:260px;margin-bottom:0}.booking{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.card{background:#fff;border:1px solid #e0e8e9;border-radius:13px;margin-bottom:24px;padding:26px;box-shadow:0 4px 12px #143f4803}.cardtop{justify-content:space-between;align-items:center;gap:10px;display:flex}.cardtop span{color:#66817c;font-size:11px}.slots{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.slot{color:#234d52;background:#fafdfc;border:1px solid #d7e4e1;border-radius:9px;padding:17px 8px}.slot small{color:#668c81;margin-top:8px;font-size:11px;display:block}.slot.chosen{background:#e0f3eb;border:2px solid #318776}.primary,.secondary{border:0;border-radius:7px;padding:12px 15px}.primary{color:#fff;background:#18796b}.secondary{color:#36565e;background:#edf3f3;border:1px solid #dce6e6}form .primary{width:100%;margin-top:5px}.note{color:#7b8f94;margin-top:17px;font-size:12px;line-height:1.7;display:block}.message{background:#dcf0e8;border-left:3px solid #358a73;border-radius:5px;margin-bottom:20px;padding:16px}.stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.stats div{background:#fff;border:1px solid #dce7e6;border-radius:10px;padding:23px}.stats b{font-size:28px;display:block}.stats span{color:#688187;margin-top:8px;font-size:12px;display:block}.patient{border-top:1px solid #e5eded;justify-content:space-between;gap:20px;padding:22px 0;display:flex}.time{color:#3c7e76;font-size:12px;font-weight:700}.pill{color:#5c7479;background:#eef3f3;border-radius:5px;padding:6px 8px;font-size:11px;display:inline-block}.phone{color:#7a8d91;margin-top:10px;display:block}.reply{color:#286956;background:#e9f4ee;border-radius:6px;margin-top:14px;padding:12px}.actions{flex-wrap:wrap;align-content:center;gap:8px;max-width:55%;display:flex}.actions small{margin-top:5px;font-size:11px;display:block}.empty{text-align:center;color:#728d91;padding:70px;font-size:22px}.empty small{font-size:13px}footer{color:#7d9296;justify-content:space-between;padding:20px 0 30px;font-size:11px;display:flex}.block .slots{grid-template-columns:repeat(5,1fr)}@media (max-width:850px){aside{flex-wrap:wrap;gap:8px;width:100%;height:auto;padding:20px;display:flex;position:static}.brand{width:100%;margin-bottom:10px}.section,.asidefoot{display:none}.nav{width:auto;margin:0;padding:10px}.nav small{margin:0}.nav b{display:none}main{margin:0;padding:0 18px}.booking{grid-template-columns:1fr}h1{font-size:28px}.toolbar{flex-wrap:wrap}.toolbar label{min-width:140px}.patient{display:block}.actions{max-width:100%;margin-top:18px}.stats{gap:8px}.stats div{padding:15px}.block .slots{grid-template-columns:repeat(3,1fr)}.card{padding:20px}.cardtop{align-items:start}}.clinic-logo{object-fit:contain;background:#fff;border-radius:12px;width:100%;height:auto;max-height:195px;padding:10px;display:block}.brand{display:block}.section{margin-top:32px}.section small{letter-spacing:0;margin-top:9px;font-size:13px;display:block}header>span>small{letter-spacing:0;margin-top:6px;font-size:12px;display:block}.arabic-heading{letter-spacing:0;text-align:start;margin-top:10px;font-size:.63em;font-weight:500;line-height:1.7;display:block}.eyebrow span{letter-spacing:0;text-align:start;margin-top:6px;font-size:13px;display:block}h2 small{text-align:start;margin-top:7px;font-size:15px;font-weight:400;display:block}.arabic-reply{margin-top:6px;display:block}footer small{text-align:start;margin-top:6px;font-size:12px;display:block}th{min-width:110px;line-height:1.8}table td:first-child{white-space:nowrap}header{gap:15px;height:auto;min-height:90px}header .live,header .offline{white-space:nowrap;letter-spacing:0}.phone,input[type=tel]{direction:ltr}@media (max-width:850px){.brand{justify-content:center;width:100%;display:flex}.clinic-logo{max-width:190px;max-height:135px}.heading{padding-top:24px}header{font-size:10px}.arabic-heading{font-size:.68em}h2 small{font-size:14px}.cardtop{flex-wrap:wrap}}.public-shell{max-width:1150px;margin:auto;padding:0 24px}.public-header{height:150px}.public-header img{object-fit:contain;background:#fff;border-radius:10px;width:150px;height:130px;padding:8px}.public-header span{text-align:right;line-height:2}.auth-shell{max-width:590px;margin:35px auto;padding:20px}.auth-logo{width:180px;margin:0 auto 25px;display:block}.auth-shell h1{font-size:25px;line-height:1.6}.auth-shell fieldset{border:1px solid #d6e3e1;border-radius:9px;margin:20px 0;padding:18px}.auth-shell legend{color:#276d61;font-weight:700}.auth-shell .primary{width:100%}.auth-shell a,.banner a{color:#216f63;text-underline-offset:3px}a.nav{text-decoration:none}:root{--ink:#173d46;--teal:#087f77;--coral:#bd4e3c;--gold:#d7a755;--line:#dfebe8}body{color:var(--ink);background:radial-gradient(at 90% 0,#fff0df 0,#0000 38%),radial-gradient(at 0 45%,#e4f4f0 0,#0000 42%),#f7f9f8;font-family:Segoe UI,Tahoma,Arial,sans-serif}aside{background:linear-gradient(165deg,#123f49,#145b60 65%,#19776f);box-shadow:8px 0 30px #0c4d4c0a}.clinic-logo{border:1px solid #ffffff80;box-shadow:0 12px 30px #002a3426}.nav{transition:background .18s,transform .18s}.nav:hover{background:#ffffff14}.nav.active{color:#fff;background:linear-gradient(110deg,#b94b3c,#d07950);box-shadow:0 6px 20px #00323625}.section{color:#bce4dc}.asidefoot{color:#cce7df}.heading{isolation:isolate;background:linear-gradient(110deg,#edf8f4,#fff5e9);border:1px solid #e1ebe5;border-radius:22px;margin:24px 0;padding:30px 32px;position:relative;overflow:hidden}.heading:after{content:"";z-index:-1;border:35px solid #e5bc7c29;border-radius:50%;width:210px;height:210px;position:absolute;top:-90px;right:-65px}.heading .eyebrow{color:#9b5037;letter-spacing:2px;font-weight:700}.heading h1{color:#174b50;letter-spacing:-1.1px;font-size:36px;line-height:1.25}.arabic-heading{color:#9b4839;letter-spacing:0!important;line-height:1.7!important}.heading p{color:#4b6d71;max-width:800px}.card{border:1px solid var(--line);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 12px 35px #234f4d08}.card:before{content:"";background:linear-gradient(90deg,#168d80,#a6d2af 55%,#e7bd75);height:4px;display:block;position:absolute;top:0;left:0;right:0}.booking>.card:nth-child(2):before{background:linear-gradient(90deg,#bd4e3c,#e3a579,#f0d295)}.card h2{color:#244f55;line-height:1.6}.cardtop>span{color:#23695d;background:#e8f4ee;border-radius:20px;padding:7px 10px;line-height:1.7}.toolbar{gap:20px}.toolbar label{color:#365e63;font-weight:600}input,select{border-color:#cadbd6;border-radius:10px;transition:border-color .15s,box-shadow .15s;box-shadow:0 2px 5px #164b4403}input:focus,select:focus{border-color:#138b7c;outline:none;box-shadow:0 0 0 3px #2d9c8520}:is(button:focus-visible,a:focus-visible){outline-offset:4px;outline:3px solid #b24f3c}.primary{background:linear-gradient(115deg,#087f77,#14675f);border-radius:10px;min-height:44px;font-weight:600;box-shadow:0 5px 14px #087f7720}.primary:hover:not(:disabled){background:linear-gradient(115deg,#076b65,#0c554e)}.secondary{color:#355c5d;background:#f2f6f4;border:1px solid #d4e2dc;border-radius:10px;min-height:42px}.secondary:hover:not(:disabled){background:#e4f1eb}.slot{background:linear-gradient(145deg,#fff,#edf8f2);border:1px solid #cfe2db;border-radius:12px;min-height:79px;transition:transform .16s,box-shadow .16s,border-color .16s}.slot:hover:not(:disabled){border-color:#1f9b86;transform:translateY(-2px);box-shadow:0 7px 16px #17756512}.slot small{color:#397864;font-size:11px}.slot.chosen{color:#fff;background:linear-gradient(135deg,#137c6e,#0d5e59);border:2px solid #116d62;box-shadow:0 5px 18px #156f6220}.slot.chosen small{color:#e1fff0}.slot:disabled{color:#7b8983;opacity:.65;background:#f0f2f1;border-color:#e3e7e5}.slot:disabled small{color:#7b8983}.stats>div{background:linear-gradient(135deg,#e3f5ed,#f8fffb);border:0;border-top:4px solid #229e8c;border-radius:17px;box-shadow:0 8px 24px #234f4d08}.stats>div:nth-child(2){background:linear-gradient(135deg,#fff1d5,#fffaf0);border-top-color:#d9a13d}.stats>div:nth-child(3){background:linear-gradient(135deg,#f4e7f0,#fdf9fc);border-top-color:#a86b98}.stats b{color:#1b5f53;font-size:32px}.stats>div:nth-child(2) b{color:#8d5c12}.stats>div:nth-child(3) b{color:#835478}.stats span{color:#455f61}.pill{color:#2b6274;background:#e5f1f6;border-radius:20px;padding:7px 12px}.pill.new{color:#954623;background:#fdebdc}.reply{color:#215f48;background:#e8f5ed;border-left:4px solid #459877;border-radius:10px}.patient{padding:24px 0}.time{color:#1c6a59;background:#e7f3ed;border-radius:7px;padding:6px 10px;display:inline-block}.message{color:#205b43;background:#e1f3e9;border-left:4px solid #3b9770;border-radius:12px}.banner{color:#765328;background:#fff5e5;border-color:#eed9b8;border-radius:12px}.public-header{border-bottom:1px solid #dce8e1;height:145px}.public-header img{border-radius:16px;width:145px;height:125px;box-shadow:0 5px 20px #214e4608}.public-header>span{color:#276353;letter-spacing:.2px;background:#e8f3ec;border-radius:13px;padding:12px 18px}.auth-shell{max-width:600px}.auth-shell .card{padding:32px;box-shadow:0 20px 60px #174f4510}.auth-logo{border-radius:16px;box-shadow:0 10px 30px #184c3c0d}.auth-shell fieldset{background:#fafcfb;border-color:#dce7df;border-radius:12px}.auth-shell fieldset:nth-of-type(2){background:#fff9ee;border-color:#ecdfc8}.auth-shell fieldset:nth-of-type(3){background:#fcf6fa;border-color:#e8d9e5}th{color:#355d5d;background:#f0f7f4}tbody tr:nth-child(2n){background:#fbfcfa}footer{color:#54776f}p,.note{color:#5c777b}@media (max-width:850px){aside{box-shadow:none}.clinic-logo{max-width:160px;max-height:125px}.heading{border-radius:17px;padding:25px 22px}.heading h1{font-size:28px}.stats b{font-size:26px}.card{padding:22px}.public-header{height:125px}.public-header img{width:120px;height:105px}.public-header>span{padding:9px 12px;font-size:10px}.auth-shell .card{padding:25px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.slot:hover{transform:none!important}}