:root{--bg:#0b0b0d;--card:#111216;--border:#1f2530;--text:#f3f4f6;--muted:#9ca3af;--brand:#2563eb;--brand-hover:#1d4ed8;--warn:#f59e0b;--danger:#ef4444}body,html{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;line-height:1.5;margin:0;padding:0}input,select,textarea{background:#fff;color:#111827;border:1px solid #d1d5db;padding:10px 12px;border-radius:8px;font-size:14px}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af}input::placeholder,textarea::placeholder{color:#9ca3af}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(37,99,235,.25)}button{background:var(--brand);color:#fff;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:600;letter-spacing:.2px;transition:background .15s ease,transform .05s ease}button:hover{background:var(--brand-hover)}button:active{transform:translateY(1px)}.btn-warn{background:var(--warn)}.btn-danger{background:var(--danger)}main{max-width:1200px;margin:0 auto;gap:24px!important}section{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 4px 12px rgba(0,0,0,.25)}h1{font-size:28px;margin-bottom:8px}h2{font-size:20px;margin:4px 0 12px}h3{font-size:16px;margin:16px 0 8px;color:var(--muted)}ul{padding-left:18px}li{margin:6px 0}@media (max-width:768px){.hidden-mobile{display:none!important}body{font-size:14px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}button,input,select{font-size:16px}.pill{padding:6px 10px;font-size:14px}main{padding:104px 16px 24px!important}section{padding:12px}section,section>div{width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.dashboard-grid{grid-template-columns:1fr!important}.dashboard-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 4px!important}.dashboard-tabs::-webkit-scrollbar{display:none}.dashboard-tab-button{padding:12px 16px!important;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content;flex-shrink:0!important}.dashboard-appointment-form{display:flex!important;flex-direction:column!important;gap:12px!important}.dashboard-appointment-form button,.dashboard-appointment-form input,.dashboard-appointment-form select{width:100%!important;margin-left:0!important}.dashboard-appointment-form input[type=datetime-local]{width:100%!important;margin-left:0!important;font-size:16px!important;padding:12px!important;box-sizing:border-box!important}}@media (min-width:769px){.dashboard-appointment-form{display:flex!important;flex-direction:row!important;gap:12px!important;align-items:center!important}.dashboard-appointment-form input,.dashboard-appointment-form select{flex:1!important}.dashboard-appointment-form button{flex:0 0 auto!important}}@media (max-width:768px){.calendar-grid{gap:1px!important;grid-template-columns:repeat(7,1fr)!important}.calendar-day{min-height:60px!important;padding:4px!important;border-radius:4px!important}.calendar-day .appointment-item{font-size:10px!important;padding:2px 4px!important;margin:1px 0!important;border-radius:3px!important}.calendar-navigation{flex-direction:column!important;gap:8px!important;margin-bottom:16px!important}.calendar-navigation h2{font-size:1.2rem!important;text-align:center!important}.calendar-nav-buttons{display:flex!important;justify-content:space-between!important;width:100%!important}.calendar-container{width:100%!important;overflow:hidden!important;padding:8px!important}.profile-grid{grid-template-columns:1fr!important}.working-hours-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important;gap:12px!important}.help-nav{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:6px!important;padding:0 4px!important}.help-nav::-webkit-scrollbar{display:none}.help-nav-button{padding:10px 12px!important;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content;font-size:13px!important;border-radius:6px!important;flex-shrink:0!important}.help-search{width:100%!important;padding:12px!important;font-size:16px!important;margin-bottom:20px!important;box-sizing:border-box!important}}header{background:rgba(15,23,42,.95);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.1);padding:1rem 2rem;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;justify-content:space-between}.header-content,.logo{display:flex;align-items:center}.logo{gap:1rem}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.logo-icon,.logo-text h1{color:#fff;font-weight:700}.logo-text h1{font-size:1.5rem;margin:0}.logo-text p{color:hsla(0,0%,100%,.7);font-size:.8rem;margin:0;letter-spacing:1px}body.kuafor-page{--bg:#fff;--card:#f9fafb;--border:#e5e7eb;--text:#111827;--muted:#6b7280;--brand:#7c3aed;--brand-hover:#6d28d9;background:var(--bg);color:var(--text);transition:background .3s ease,color .3s ease}body.kuafor-page main,body.kuafor-page section{background:var(--card);color:var(--text)}body.kuafor-page h1,body.kuafor-page h2,body.kuafor-page h3,body.kuafor-page p,body.kuafor-page span{color:var(--text)}body.kuafor-page a{color:var(--brand);text-decoration:none}body.kuafor-page a:hover{color:var(--brand-hover);text-decoration:underline}body.kuafor-page button{background:var(--brand);color:#fff}body.kuafor-page button:hover{background:var(--brand-hover)}body *,body.kuafor-page *{transition:background .3s ease,color .3s ease,border-color .3s ease}