@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-soft);border-bottom:1px solid rgba(255,255,255,.5);transition:var(--transition);animation:fadeInUp .5s ease-out}.navbar:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent) 25%,var(--accent-2) 50%,var(--accent) 75%,transparent 100%);transform:scaleX(0);transition:transform .4s ease}.navbar:hover:before{transform:scaleX(1)}.navbar-brand{font-family:Playfair Display,Times New Roman,serif;font-size:1.4rem;position:relative;background:linear-gradient(135deg,var(--ink) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:var(--transition);cursor:pointer}.navbar-brand:hover{transform:scale(1.05);filter:brightness(1.1)}.navbar-actions{display:flex;align-items:center;gap:16px}.navbar-actions button.link{background:none;border:none;cursor:pointer;padding:0;font-family:inherit;font-size:inherit}.navbar-actions .btn{box-shadow:0 4px 12px #1f8a7033}.navbar-logo-circle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000014;margin-right:8px;overflow:hidden;border:1.5px solid #e0e0e0}.navbar-logo-img{width:100%;height:100%;border-radius:50%;object-fit:cover}font-size: 1.2rem; } } .auth-page{position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;width:550px;height:550px;background:radial-gradient(circle,rgba(240,123,63,.15),transparent 70%);top:-180px;right:-180px;border-radius:50%;animation:float 9s ease-in-out infinite;z-index:-1}.auth-page:after{content:"";position:absolute;width:450px;height:450px;background:radial-gradient(circle,rgba(31,138,112,.12),transparent 70%);bottom:-180px;left:-180px;border-radius:50%;animation:float 11s ease-in-out infinite reverse;z-index:-1}.hero-chip{display:inline-flex;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#f07b3f38,#f07b3f24);color:#8b3f16;font-weight:600;font-size:.85rem;border:1px solid rgba(240,123,63,.25);box-shadow:0 4px 12px #f07b3f33;transition:var(--transition);animation:fadeInUp .8s ease-out .4s backwards}.hero-chip:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f07b3f4d}.auth-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#f07b3f4d,#1f8a7033);border-radius:var(--radius);z-index:-1;opacity:0;transition:opacity .3s ease}.form-hint{margin:0;color:var(--muted);font-size:.92rem;text-align:center}.form-error{margin:0;padding:10px 12px;border-radius:12px;background:#f07b3f26;color:#8b3f16;font-size:.9rem;border-left:4px solid var(--accent-2);animation:fadeInUp .5s ease-out}@media(min-width:900px){.auth-layout{grid-template-columns:1.1fr 1fr}}.auth-logo-circle{display:flex;align-items:center;justify-content:center;width:140px;height:140px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000014;margin:0 auto 16px;overflow:hidden;border:4px solid #e0e0e0}.auth-logo-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.auth-page{position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(31,138,112,.15),transparent 70%);top:-200px;right:-200px;border-radius:50%;animation:float 8s ease-in-out infinite;z-index:-1}.auth-page:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(240,123,63,.12),transparent 70%);bottom:-150px;left:-150px;border-radius:50%;animation:float 10s ease-in-out infinite reverse;z-index:-1}.auth-layout{display:grid;gap:32px;align-items:center}.auth-hero{padding:12px 6px;animation:fadeInUp .8s ease-out}.hero-chip{display:inline-flex;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#1f8a7033,#1f8a701f);color:#0e5f4b;font-weight:600;font-size:.85rem;border:1px solid rgba(31,138,112,.2);box-shadow:0 4px 12px #1f8a7026;transition:var(--transition);animation:fadeInUp .8s ease-out .4s backwards}.hero-chip:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1f8a7040}.auth-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#1f8a704d,#f07b3f33);border-radius:var(--radius);z-index:-1;opacity:0;transition:opacity .3s ease}.auth-card:hover:before{opacity:1}.form-hint{grid-template-columns:1.1fr 1fr}.form-hint .auth-logo-circle{display:flex;align-items:center;justify-content:center;width:140px;height:140px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000014;margin:0 auto 16px;overflow:hidden}.form-hint .auth-logo-img{width:100%;height:100%;border-radius:50%;object-fit:cover}} .dashboard-page{padding-top:36px;animation:fadeInUp .6s ease-out}.header-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent),var(--accent-2));transform:scaleY(0);transition:transform .3s ease}.tab-navigation{display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(31,138,112,.1);animation:fadeInUp .6s ease-out .1s backwards}.tab-btn{padding:12px 24px;background:transparent;border:none;border-radius:10px;font-size:1rem;font-weight:500;color:var(--muted);cursor:pointer;transition:var(--transition);position:relative;font-family:inherit}.tab-btn:after{content:"";position:absolute;bottom:-18px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:3px 3px 0 0;transform:scaleX(0);transition:transform .3s ease}.tab-btn:hover{color:var(--accent);background:#1f8a700d}.tab-btn.active{color:var(--accent);font-weight:600}.tab-btn.active:after{transform:scaleX(1)}.dashboard-content{display:grid;gap:24px;max-width:900px;margin:0 auto}.dashboard-grid{display:grid;gap:24px}.booking-card{animation:fadeInUp .6s ease-out .2s backwards}.appointments-list-card{animation:fadeInUp .6s ease-out .3s backwards}@media(min-width:900px){.dashboard-grid{grid-template-columns:1fr 1.2fr}}.dashboard-page{padding-top:36px;animation:fadeInUp .6s ease-out}.dashboard-header{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;margin-bottom:28px}.header-card{background:#ffffffeb;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:16px 20px;border-radius:16px;box-shadow:var(--shadow-soft);border:1px solid rgba(255,255,255,.5);transition:var(--transition);position:relative;overflow:hidden;animation:fadeInUp .8s ease-out backwards}.header-card:nth-child(1){animation-delay:.1s}.header-card:nth-child(2){animation-delay:.2s}.header-card:nth-child(3){animation-delay:.3s}.header-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent-2),var(--accent));transform:scaleY(0);transition:transform .3s ease}.header-card:hover:before{transform:scaleY(1)}.header-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.header-label{margin:0 0 6px;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.header-value{margin:0;font-weight:600;font-size:1.1rem}.doctor-actions{display:flex;gap:10px;flex-wrap:wrap;animation:fadeInUp .5s ease-out .2s backwards}.appointments-card{animation:fadeInUp .6s ease-out .2s backwards}.appointment-item{display:flex;flex-direction:column;gap:12px}.appointment-info{flex:1}.appointment-item .status-pill{display:inline-block;margin-top:8px}.appointment-item .doctor-actions{margin-left:0}.btn:disabled{opacity:.5;cursor:not-allowed}@media(min-width:768px){.appointment-item{flex-direction:row;align-items:center;justify-content:space-between}.appointment-item .doctor-actions{margin-left:auto}}:root{color-scheme:light;--bg-1: #f7f1e1;--bg-2: #e1f0ec;--ink: #1b2a2a;--muted: #516062;--accent: #1f8a70;--accent-2: #f07b3f;--card: #ffffff;--shadow: 0 18px 40px rgba(15, 35, 30, .18);--shadow-soft: 0 10px 24px rgba(15, 35, 30, .12);--shadow-hover: 0 24px 48px rgba(15, 35, 30, .22);--radius: 18px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}body{margin:0;min-height:100vh;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 20%,rgba(31,138,112,.12),transparent 40%),radial-gradient(circle at 80% 80%,rgba(240,123,63,.14),transparent 45%),radial-gradient(circle at 50% 50%,rgba(31,138,112,.08),transparent 60%),linear-gradient(140deg,var(--bg-1),var(--bg-2));background-attachment:fixed;animation:fadeInUp .6s ease-out}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page{max-width:1100px;margin:0 auto;padding:48px 20px 64px;animation:fadeInUp .6s ease-out}.page-title{font-family:Playfair Display,Times New Roman,serif;font-size:clamp(2.2rem,3vw,3.4rem);margin:0 0 12px;background:linear-gradient(135deg,var(--ink) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out .1s backwards}.eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;color:var(--muted);margin:0 0 10px;animation:fadeInUp .8s ease-out .05s backwards}.subtle{color:var(--muted);margin:0 0 18px;line-height:1.6;animation:fadeInUp .8s ease-out .2s backwards}.card{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.5);transition:var(--transition);animation:fadeInUp .8s ease-out .3s backwards}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-title{margin:0 0 18px;font-size:1.2rem}.form-grid{display:grid;gap:16px}.field{display:grid;gap:8px}.field-label{font-size:.9rem;color:var(--muted)}.field-input{width:100%;border-radius:14px;border:1px solid rgba(27,42,42,.15);padding:12px 14px;font-size:1rem;background:#ffffffe6;transition:var(--transition);font-family:inherit}.field-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #1f8a7026,0 8px 16px #1f8a701a;transform:translateY(-1px);background:#fff}.field-input:hover:not(:focus){border-color:#1b2a2a40}.btn{border:none;border-radius:999px;padding:12px 22px;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;transition:var(--transition);position:relative;overflow:hidden;font-family:inherit;font-size:1rem}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0%;height:0%;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn:hover:before{width:300%;height:300%}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #1f8a704d}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(135deg,var(--accent) 0%,#157a64 100%)}.btn.outline{background:transparent;color:var(--accent);border:2px solid var(--accent)}.btn.outline:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.small{padding:8px 16px;font-size:.9rem}.link{color:var(--accent);font-weight:600;position:relative;transition:var(--transition);display:inline-block}.link:after{content:"";position:absolute;width:0%;height:2px;bottom:-2px;left:0;background:var(--accent);transition:width .3s ease}.link:hover:after{width:100%}.link:hover{color:#157a64}.list{display:grid;gap:14px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:16px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft);transition:var(--transition);border:1px solid rgba(255,255,255,.3);animation:fadeInUp .5s ease-out backwards}.list-item:nth-child(1){animation-delay:.05s}.list-item:nth-child(2){animation-delay:.1s}.list-item:nth-child(3){animation-delay:.15s}.list-item:nth-child(4){animation-delay:.2s}.list-item:nth-child(5){animation-delay:.25s}.list-item:hover{transform:translate(4px) translateY(-2px);box-shadow:var(--shadow-hover);border-color:#1f8a7033}.item-title{font-weight:600;margin:0 0 6px}.item-meta{margin:0;color:var(--muted);font-size:.92rem}.status-pill{text-transform:capitalize;padding:6px 12px;border-radius:999px;font-size:.82rem;background:#1f8a701f;color:var(--accent);font-weight:600;transition:var(--transition);border:1px solid rgba(31,138,112,.2)}.status-pill:hover{transform:scale(1.05)}.status-pill[data-status=accepted]{background:#1f8a702e;color:#116a57;border-color:#1f8a704d;box-shadow:0 4px 12px #1f8a7033}.status-pill[data-status=rejected]{background:#f07b3f33;color:#b3521e;border-color:#f07b3f4d;box-shadow:0 4px 12px #f07b3f33}.status-pill[data-status=pending]{background:#f6c76c40;color:#8b5b18;border-color:#f6c76c59;box-shadow:0 4px 12px #f6c76c33;animation:pulse 2s ease-in-out infinite}.empty-state{margin:0;color:var(--muted)}