:root{--navy-900:#081735;--navy-800:#0b2149;--navy-700:#12326b;--navy-600:#1a4183;--gold-500:#c9a237;--gold-400:#d9b44a;--gold-100:#f7ecd2;--blue-link:#1d5fd1;--bg-page:#eef1f6;--card-bg:#fff;--border-soft:#e4e8f0;--text-main:#1c2333;--text-muted:#6b7280;--green-bg:#e5f5e9;--green-text:#1e7e34;--green-border:#b7e0c0;--info-bg:#eaf2fb;--info-text:#33517a;--radius-card:14px;--shadow-card:0 1px 3px #0d224714, 0 4px 14px #0d22470f;color:var(--text-main);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-page);min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}.page{max-width:1280px;margin:0 auto;padding:28px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-header h1{color:var(--navy-800);font-size:26px;font-weight:700}.page-header p{color:var(--text-muted);margin-top:4px;font-size:14px}.page-header__accent{background:var(--gold-500);border-radius:2px;width:44px;height:4px;margin-top:10px;display:block}.card{background:var(--card-bg);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:22px}.btn-gold{background:linear-gradient(135deg, var(--gold-400), var(--gold-500));color:var(--navy-900);border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;transition:filter .15s;display:inline-flex}.btn-gold:hover{filter:brightness(1.06)}.btn-navy{background:var(--navy-800);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.btn-navy:hover{background:var(--navy-700)}.btn-cancel{color:var(--text-muted);border:1px solid var(--border-soft);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.btn-cancel:hover{background:var(--bg-page)}.edit-btn{width:34px;height:34px;color:var(--navy-600);border:1px solid var(--border-soft);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;transition:background .15s,border-color .15s;display:grid}.edit-btn:hover{background:var(--gold-100);border-color:var(--gold-400)}.badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.badge--confirmed{background:var(--green-bg);color:var(--green-text);border-color:var(--green-border)}.badge--pending{background:var(--gold-100);color:#8a6d1c;border-color:#e8d9a8}.badge--cancelled{color:#b02a37;background:#fdeaea;border-color:#f3c2c7}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);border-bottom:2px solid var(--border-soft);white-space:nowrap;padding:10px 14px;font-size:12px}.data-table td{border-bottom:1px solid var(--border-soft);color:var(--text-main);vertical-align:middle;padding:13px 14px}.data-table tbody tr:hover{background:var(--bg-page)}.data-table small{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.empty-state{color:var(--text-muted);text-align:center;padding:18px 0;font-size:14px}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px 20px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field input,.field select,.field textarea{width:100%}.field--full{grid-column:1/-1}.field label{color:var(--navy-800);font-size:13px;font-weight:600}.field input,.field select,.field textarea{color:var(--text-main);border:1px solid var(--border-soft);background:#fff;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #c9a2372e}@media (width<=640px){.form-grid{grid-template-columns:1fr}}@media (width<=700px){.page{padding:18px 16px}.navbar~.page,.navbar~.home{padding-bottom:96px}.page-header{margin-bottom:16px}.page-header h1{font-size:22px}.card{padding:16px}.btn-gold,.btn-navy{padding:10px 18px}.data-table{font-size:13px}.data-table th,.data-table td{padding:10px}}.navbar{background:linear-gradient(180deg, var(--navy-900) 0%, var(--navy-800) 100%);color:#fff;z-index:50;position:sticky;top:0}.navbar__inner{align-items:center;gap:32px;max-width:1280px;height:64px;margin:0 auto;padding:0 28px;display:flex}.navbar__brand{align-items:center;gap:10px;display:flex}.navbar__brand-icon{border:2px solid var(--gold-500);width:38px;height:38px;color:var(--gold-400);border-radius:50%;place-items:center;display:grid}.navbar__brand-text{flex-direction:column;line-height:1.05;display:flex}.navbar__brand-text strong{color:var(--gold-400);letter-spacing:1px;font-size:18px}.navbar__brand-text small{color:#d3d9e6;font-size:12px}.navbar__links{align-items:center;gap:6px;height:100%;margin:0 auto;display:flex}.navbar__link{color:#c9d2e3;border-top:3px solid #0000;border-bottom:3px solid #0000;align-items:center;gap:7px;height:100%;padding:0 14px;font-size:14px;transition:color .15s;display:flex}.navbar__link:hover{color:#fff}.navbar__link--active{color:#fff;border-bottom-color:var(--gold-500);font-weight:600}.navbar__actions{align-items:center;gap:18px;display:flex}.navbar__bell{color:#e8ecf5;place-items:center;padding:6px;display:grid;position:relative}.navbar__bell-badge{background:var(--gold-500);color:var(--navy-900);border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:0;right:-2px}.navbar__user{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:9px;padding:5px 14px 5px 5px;font-size:14px;display:flex}.navbar__user-info{flex-direction:column;line-height:1.15;display:flex}.navbar__user-role{color:var(--gold-400);font-size:11px;font-weight:600}.navbar__logout{color:#c9d2e3;border-radius:50%;place-items:center;padding:7px;transition:color .15s,background .15s;display:grid}.navbar__logout:hover{color:#fff;background:#ffffff1a}.navbar__avatar{background:linear-gradient(135deg, var(--gold-400), #a5762a);width:30px;height:30px;color:var(--navy-900);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.navbar__user-name{white-space:nowrap}@media (width<=900px){.navbar__link span,.navbar__user-info{display:none}.navbar__user{background:0 0;border:none;padding:4px}}@media (width<=700px){.navbar__inner{gap:12px;height:56px;padding:0 16px}.navbar__actions{gap:10px;margin-left:auto}.navbar__links{z-index:60;background:linear-gradient(0deg, var(--navy-900) 0%, var(--navy-800) 100%);height:auto;padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #ffffff24;justify-content:space-around;gap:0;margin:0;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.navbar__link{border-top:none;border-bottom:none;border-radius:10px;flex-direction:column;justify-content:center;gap:3px;height:auto;padding:6px 10px;font-size:11px}.navbar__link span{white-space:nowrap;display:inline}.navbar__link--active{color:var(--gold-400);background:#c9a23729;border-bottom-color:#0000}}.login{background:radial-gradient(ellipse at 80% 10%, #1a418380 0%, transparent 50%), radial-gradient(ellipse at 10% 90%, #c9a23726 0%, transparent 45%), linear-gradient(135deg, var(--navy-800) 0%, var(--navy-900) 70%);place-items:center;min-height:100vh;padding:24px;display:grid}.login__panel{background:#fff;border-radius:18px;width:100%;max-width:520px;padding:38px 40px 40px;box-shadow:0 20px 60px #040c1e73}.login__brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.login__brand-icon{border:2px solid var(--gold-500);width:52px;height:52px;color:var(--gold-500);border-radius:50%;place-items:center;display:grid}.login__brand strong{color:var(--navy-800);letter-spacing:1.5px;font-size:22px;line-height:1;display:block}.login__brand small{color:var(--gold-500);font-size:13px;font-weight:600}.login h1{color:var(--navy-800);font-size:30px}.login__divider{background:var(--gold-500);border-radius:2px;width:48px;height:4px;margin:12px 0 14px;display:block}.login__subtitle{color:var(--text-muted);margin-bottom:26px;font-size:14px;line-height:1.55}.login__subtitle em{color:#9aa3b2;font-size:12.5px}.login__roles{flex-direction:column;gap:12px;display:flex}.login__role{text-align:left;border:1px solid var(--border-soft);background:#fff;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.login__role:hover{border-color:var(--gold-500);transform:translateY(-1px);box-shadow:0 4px 16px #0d22471a}.login__role-icon{background:var(--navy-800);width:44px;height:44px;color:var(--gold-400);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.login__role-text{flex-direction:column;flex:1;gap:2px;display:flex}.login__role-text strong{color:var(--navy-800);font-size:15px}.login__role-text small{color:var(--text-muted);font-size:12.5px;line-height:1.4}.login__role-arrow{color:var(--gold-500);flex-shrink:0}@media (width<=480px){.login__panel{padding:28px 22px}}.hero{background:radial-gradient(ellipse at 85% 20%, #1a41838c 0%, transparent 55%), linear-gradient(135deg, var(--navy-800) 0%, var(--navy-900) 70%);color:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:44px 40px 40px;position:relative;overflow:hidden}.hero__decoration{color:#c9a2371f;pointer-events:none;position:absolute;top:-40px;right:-30px}.hero__title{letter-spacing:.5px;font-size:42px;font-weight:700}.hero__divider{background:var(--gold-500);border-radius:2px;width:54px;height:4px;margin:14px 0 16px;display:block}.hero__subtitle{color:#cfd8e8;max-width:340px;font-size:16px;line-height:1.5}.hero__search{z-index:1;background:#fff;border-radius:999px;align-items:center;gap:10px;max-width:560px;margin-top:30px;padding:6px 6px 6px 18px;display:flex;position:relative}.hero__search-icon{color:var(--text-muted);flex-shrink:0}.hero__search input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.hero__search input::placeholder{color:#9aa3b2}.hero__search-btn{background:linear-gradient(135deg, var(--gold-400), var(--gold-500));color:var(--navy-900);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;transition:filter .15s;display:flex}.hero__search-btn:hover{filter:brightness(1.06)}@media (width<=640px){.hero{padding:32px 24px}.hero__title{font-size:32px}.hero__search{border-radius:16px;flex-direction:column;align-items:stretch;padding:12px}.hero__search-icon{display:none}.hero__search input{padding:10px 6px}.hero__search-btn{justify-content:center}}.next-appt{background:var(--card-bg);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px}.next-appt__header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.next-appt__header h2{color:var(--navy-800);font-size:17px;font-weight:700}.next-appt__header-icon{background:var(--gold-100);width:30px;height:30px;color:var(--gold-500);border-radius:8px;place-items:center;display:grid}.next-appt__doctor{align-items:center;gap:12px;padding:16px 0 14px;display:flex}.next-appt__avatar{background:linear-gradient(135deg, var(--navy-600), var(--navy-800));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:16px;font-weight:700;display:grid}.next-appt__doctor-info{flex-direction:column;flex:1;gap:2px;display:flex}.next-appt__doctor-info strong{color:var(--text-main);font-size:15px}.next-appt__specialty{color:var(--blue-link);font-size:13px;font-weight:600}.next-appt__specialty:hover{text-decoration:underline}.next-appt__specialty-icon{border:1px solid var(--gold-400);width:38px;height:38px;color:var(--gold-500);border-radius:50%;place-items:center;display:grid}.next-appt__details{flex-direction:column;gap:11px;padding-bottom:16px;display:flex}.next-appt__details li{color:var(--text-main);align-items:flex-start;gap:10px;font-size:13.5px;display:flex}.next-appt__details li svg{color:var(--navy-600);flex-shrink:0;margin-top:1px}.next-appt__details li span{flex-direction:column;display:flex}.next-appt__details li small{color:var(--text-muted);margin-top:1px;font-size:12.5px}.next-appt__status{background:var(--green-bg);color:var(--green-text);border:1px solid var(--green-border);border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.next-appt__note{background:var(--info-bg);color:var(--info-text);border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;font-size:12.5px;display:flex}.next-appt__note svg{flex-shrink:0}.specialties__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.specialties__header h2{color:var(--navy-800);font-size:20px;font-weight:700}.specialties__see-all{color:var(--blue-link);align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:flex}.specialties__see-all:hover{text-decoration:underline}.specialties__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.specialty-card{background:var(--card-bg);border-radius:var(--radius-card);box-shadow:var(--shadow-card);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 18px 18px;transition:transform .15s,box-shadow .15s;display:flex}.specialty-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0d22471f}.specialty-card__icon{border-radius:50%;place-items:center;width:74px;height:74px;margin-bottom:4px;display:grid}.specialty-card__icon--lavender{color:var(--navy-700);background:#e9e9fb}.specialty-card__icon--green{color:#2e8b57;background:#e2f3e6}.specialty-card__icon--pink{color:#d24b5a;background:#fce9ea}.specialty-card__icon--gold{background:var(--gold-100);color:#8a6d1c}@media (width<=700px){.specialties__grid{grid-template-columns:repeat(2,1fr);gap:10px}.specialty-card{padding:16px 12px 12px}.specialty-card__icon{width:56px;height:56px}.specialty-card p{min-height:0}}.specialty-card h3{color:var(--navy-800);font-size:15px;font-weight:700}.specialty-card p{color:var(--text-muted);min-height:3em;font-size:12.5px;line-height:1.45}.specialty-card__go{color:var(--navy-700);border-radius:50%;place-items:center;padding:6px;transition:background .15s;display:grid}.specialty-card__go:hover{background:var(--bg-page)}.home{grid-template-columns:1fr 340px;align-items:start;gap:24px;max-width:1280px;margin:0 auto;padding:28px;display:grid}.home__main{flex-direction:column;gap:28px;display:flex}.home__sidebar{flex-direction:column;gap:20px;display:flex}.home__no-appt{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.home__no-appt p{color:var(--text-muted);font-size:14px}@media (width<=1024px){.home{grid-template-columns:1fr}}@media (width<=700px){.home{gap:18px;padding:16px}.home__main{gap:18px}}.my-appointments__section{margin-bottom:26px}.my-appointments__section h2{color:var(--navy-800);margin-bottom:12px;font-size:17px}.appointment-card--past{opacity:.75}.my-appointments__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.appointment-card{background:var(--card-bg);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px}.appointment-card__top{border-bottom:1px solid var(--border-soft);align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.appointment-card__avatar{background:linear-gradient(135deg, var(--navy-600), var(--navy-800));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:14px;font-weight:700;display:grid}.appointment-card__doctor{flex-direction:column;flex:1;gap:2px;display:flex}.appointment-card__doctor strong{color:var(--text-main);font-size:15px}.appointment-card__doctor span{color:var(--blue-link);font-size:13px;font-weight:600}.appointment-card__details{flex-direction:column;gap:10px;display:flex}.appointment-card__details li{color:var(--text-main);align-items:flex-start;gap:10px;font-size:13.5px;display:flex}.appointment-card__details li svg{color:var(--navy-600);flex-shrink:0;margin-top:1px}.appointment-card__details li span{flex-direction:column;display:flex}.appointment-card__details li small{color:var(--text-muted);font-size:12.5px}.specialties-page__grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px;display:grid}.specialty-item{align-items:center;gap:16px;display:flex}.specialty-item .specialty-card__icon{flex-shrink:0;width:60px;height:60px}.specialty-item__info{flex:1}.specialty-item__info h3{color:var(--navy-800);font-size:15px}.specialty-item__info p{color:var(--text-muted);margin-top:3px;font-size:13px;line-height:1.4}.specialty-item__meta{align-items:center;gap:14px;margin-top:8px;display:flex}.specialty-item__meta span{color:var(--text-muted);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.specialty-item__price{font-weight:700;color:var(--navy-800)!important}.specialty-item__cta{flex-shrink:0;padding:9px 16px}@media (width<=520px){.specialties-page__grid{grid-template-columns:1fr}.specialty-item{flex-direction:column;align-items:flex-start}}.schedule__layout{grid-template-columns:1fr 300px;align-items:start;gap:22px;display:grid}.schedule__footer{justify-content:flex-end;margin-top:24px;display:flex}.schedule__success{color:var(--green-text);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.schedule__tips h2{color:var(--navy-800);margin-bottom:12px;font-size:16px}.schedule__tips ul{flex-direction:column;gap:10px;padding-left:18px;list-style:outside;display:flex}.schedule__tips li{color:var(--text-muted);font-size:13.5px;line-height:1.5}@media (width<=900px){.schedule__layout{grid-template-columns:1fr}}.appointments__company{color:var(--text-muted);align-items:center;gap:7px;margin-top:4px;font-size:14px;display:flex}.appointments__company svg{color:var(--gold-500)}.approvals{border-left:4px solid var(--gold-500);margin-bottom:20px}.approvals__header{align-items:center;gap:10px;display:flex}.approvals__header svg{color:var(--gold-500)}.approvals__header h2{color:var(--navy-800);font-size:16px}.approvals__count{background:var(--gold-500);color:var(--navy-900);border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;display:grid}.approvals__hint{color:var(--text-muted);margin-top:6px;font-size:13px}.approvals__list{margin-top:12px}.approvals__item{border-top:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.approvals__info{flex-direction:column;gap:3px;display:flex}.approvals__info strong{color:var(--text-main);font-size:14px}.approvals__info small{color:var(--text-muted);font-size:12.5px}.approvals__actions{gap:8px;display:flex}.approvals__btn{border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:filter .15s;display:inline-flex}.approvals__btn:hover{filter:brightness(.96)}.approvals__btn--approve{background:var(--green-bg);color:var(--green-text);border-color:var(--green-border)}.approvals__btn--reject{color:#b02a37;background:#fdeaea;border-color:#f3c2c7}.next-banner{border-left:4px solid var(--navy-600);align-items:center;gap:16px;margin-bottom:20px;display:flex}.next-banner__icon{width:48px;height:48px;color:var(--navy-700);background:#e8edf7;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.next-banner__info{flex-direction:column;gap:2px;display:flex}.next-banner__info small{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:12px;font-weight:600}.next-banner__info strong{color:var(--navy-800);font-size:15px}.next-banner__info span{color:var(--text-muted);font-size:13px}.history__summary{color:var(--navy-800);background:#e8edf7;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.history__summary svg{color:var(--navy-600)}.dash__stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:22px;display:grid}@media (width<=700px){.dash__stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat-tile{gap:10px;padding:14px}.stat-tile strong{font-size:22px}.stat-tile small{font-size:12px}.dash__charts{gap:12px}}.stat-tile{background:var(--card-bg);border-radius:var(--radius-card);box-shadow:var(--shadow-card);align-items:center;gap:14px;padding:18px 20px;display:flex}.stat-tile__icon{border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.stat-tile__icon--navy{color:var(--navy-700);background:#e8edf7}.stat-tile__icon--green{background:var(--green-bg);color:var(--green-text)}.stat-tile__icon--gold{background:var(--gold-100);color:#8a6d1c}.stat-tile strong{color:var(--navy-800);font-size:26px;line-height:1.1;display:block}.stat-tile small{color:var(--text-muted);font-size:13px}.dash__charts{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.rank-chart__header{align-items:center;gap:9px;display:flex}.rank-chart__header svg{color:var(--gold-500)}.rank-chart__header h2{color:var(--navy-800);font-size:15px}.rank-chart__note{color:var(--text-muted);margin-top:4px;font-size:12.5px}.dash__charts-note{color:var(--text-muted);margin:10px 2px 22px;font-size:12.5px}.dash__appointments-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.dash__appointments-header h2{color:var(--navy-800);font-size:16px}.dash__filter{color:var(--text-main);border:1px solid var(--border-soft);background:#fff;border-radius:10px;outline:none;padding:8px 12px;font-family:inherit;font-size:13.5px}.dash__filter:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #c9a2372e}.dash__bars{flex-direction:column;gap:16px;margin-top:14px;display:flex}.dash__bar-label{color:var(--text-main);margin-bottom:6px;font-size:13px;display:block}.dash__bar-track{align-items:center;gap:8px;display:flex}.dash__bar-fill{background:var(--navy-600);border-radius:0 4px 4px 0;min-width:4px;height:14px;transition:width .3s;display:block}.dash__bar-value{color:var(--text-muted);font-size:13px;font-weight:600}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0817358c;place-items:center;padding:24px;animation:.2s both modal-fade-in;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:440px;max-height:calc(100vh - 48px);animation:.28s cubic-bezier(.34,1.4,.64,1) both modal-pop-in;overflow-y:auto;box-shadow:0 24px 64px #040c1e73}.modal__header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 14px;display:flex}.modal__header h2{color:var(--navy-800);font-size:17px}.modal__close{width:32px;height:32px;color:var(--text-muted);border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid}.modal__close:hover{background:var(--bg-page);color:var(--text-main)}.modal__body{padding:18px 22px 22px}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(18px)scale(.95)}to{opacity:1;transform:none}}@media (width<=700px){.modal-overlay{align-items:end;padding:14px}.modal{max-height:calc(100vh - 28px)}}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal{animation:none}}.services__layout{grid-template-columns:1fr 340px;align-items:start;gap:22px;display:grid}.services__list{flex-direction:column;gap:14px;display:flex}.service-card{background:var(--card-bg);border-radius:var(--radius-card);box-shadow:var(--shadow-card);align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.service-card__icon{width:46px;height:46px;color:var(--navy-700);background:#e8edf7;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.service-card__info{flex:1}.service-card__info strong{color:var(--navy-800);font-size:15px}.service-card__info p{color:var(--text-muted);margin-top:3px;font-size:13.5px;line-height:1.45}.service-card__meta{align-items:center;gap:16px;margin-top:10px;display:flex}.service-card__meta span{color:var(--text-muted);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.service-card__price{font-weight:700;color:var(--navy-800)!important}.services__form h2{color:var(--navy-800);margin-bottom:14px;font-size:16px}.services__form-fields{flex-direction:column;gap:14px;display:flex}.services__form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.services__form-footer{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.services__success{color:var(--green-text);justify-content:flex-end;align-items:center;gap:7px;margin-top:12px;font-size:14px;font-weight:600;display:flex}@media (width<=900px){.services__layout{grid-template-columns:1fr}}.users__layout{grid-template-columns:1fr 340px;align-items:start;gap:22px;display:grid}.role-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.role-badge--user{color:var(--navy-700);background:#e8edf7;border-color:#cdd9ee}.role-badge--clerk{background:var(--gold-100);color:#8a6d1c;border-color:#e8d9a8}.role-badge--employer{color:#4f4fa8;background:#e9e9fb;border-color:#d4d4f0}.role-badge--admin{background:var(--green-bg);color:var(--green-text);border-color:var(--green-border)}.users__form-footer{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.users__form h2{color:var(--navy-800);margin-bottom:14px;font-size:16px}.users__form-fields{flex-direction:column;gap:14px;display:flex}.users__note{color:var(--text-muted);font-size:12.5px;line-height:1.45}.users__success{color:var(--green-text);justify-content:flex-end;align-items:center;gap:7px;margin-top:12px;font-size:14px;font-weight:600;display:flex}@media (width<=900px){.users__layout{grid-template-columns:1fr}}.profile__card{align-items:center;gap:24px;max-width:640px;display:flex;position:relative;overflow:hidden}.profile__avatar{background:linear-gradient(135deg, var(--gold-400), #a5762a);width:84px;height:84px;color:var(--navy-900);border-radius:50%;flex-shrink:0;place-items:center;font-size:26px;font-weight:700;display:grid}.profile__details h2{color:var(--navy-800);margin-bottom:10px;font-size:20px}.profile__details ul{flex-direction:column;gap:8px;display:flex}.profile__details li{color:var(--text-main);align-items:center;gap:9px;font-size:14px;display:flex}.profile__details li svg{color:var(--navy-600)}.profile__details em{color:#9aa3b2;font-size:12.5px}.profile__decoration{color:var(--bg-page);pointer-events:none;position:absolute;bottom:-20px;right:-16px}