:root{--bg:#fff;--card:#fff;--text:#0f172a;--muted:#6b7280;--border:#e5e7eb;--brand:#2563eb}@media (prefers-color-scheme:dark){:root{--bg:#0b0f19;--card:#0f172a;--text:#e5e7eb;--muted:#9ca3af;--border:#1f2937;--brand:#60a5fa}}body,html{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.container{padding:16px}.header{justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border)}.header-left{display:flex;align-items:center;gap:12px}.nav a{color:var(--text);margin:0 12px;opacity:.9}.nav a:hover{opacity:1}.btn{background:var(--brand);padding:10px 14px;text-decoration:none}.btn,.btn-lg{color:#fff;border:none;border-radius:12px;cursor:pointer}.btn-lg{background:#3b82f6;padding:12px 18px;font-weight:600;box-shadow:0 6px 18px rgba(59,130,246,.28)}.hero-card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:0 10px 30px rgba(15,23,42,.06);margin-top:16px}.hero-title{font-size:clamp(28px,3.2vw,44px);font-weight:800;letter-spacing:-.02em;margin-bottom:18px}.hero-search{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1.2fr .7fr .7fr auto;align-items:center}.search-chip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 12px}.search-chip img{width:18px;height:18px;opacity:.85}.search-input{border:none;outline:none;width:100%;font-size:15px;background:transparent;color:var(--text)}.cats{margin-top:22px;display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.cat{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 8px}.cat-icon-wrap{width:96px;height:72px;border-radius:16px;background:linear-gradient(180deg,#f8fafc,#eef2ff);border:1px solid var(--border);display:grid;place-items:center}.cat-icon-wrap img{width:48px;height:48px}.cat-label{font-weight:700;margin-top:4px}.list-sec{margin-top:28px}.h2{font-size:24px;font-weight:800;margin:6px 0 12px}.cards{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.card-soft{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 8px 26px rgba(2,6,23,.06)}.card-title{font-weight:700;margin-bottom:6px}.card-desc{color:var(--muted);font-size:14px;line-height:1.4;margin-bottom:8px}.card-meta{display:flex;gap:8px;color:var(--muted);font-size:13px;margin-bottom:12px}@media (max-width:980px){.hero-search{grid-template-columns:1fr 1fr}.cats{grid-template-columns:repeat(3,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hero-search{grid-template-columns:1fr}.cats{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:1fr}}*{box-sizing:border-box}a{color:inherit}img{display:block;max-width:100%}.header{display:flex;justify-content:flex-end;align-items:center;padding:1rem 2rem;gap:1.5rem;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05);font-weight:500}.nav a{color:#1f2937;text-decoration:none}.btn-primary{background-color:#3b82f6;padding:.5rem 1rem;border-radius:.5rem;font-weight:600}.form-card{padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,.05)}.section-title{font-size:1.25rem;font-weight:600;margin:2rem 0 1rem;border-bottom:1px solid #ddd;padding-bottom:.5rem}.form-grid{grid-gap:1rem;gap:1rem}.form-group.full{grid-column:span 2}input,select,textarea{border:1px solid #ccc;padding:.5rem;border-radius:6px;font-size:1rem}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem}.btn-primary{margin-top:2rem;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;transition:background .2s ease}.btn-primary:hover{background:#1e40af}.active-link{font-weight:700;color:#2563eb;text-decoration:underline}.link-button{background:none;border:none;color:inherit;cursor:pointer;padding:0;font:inherit}.nav-link{padding:.5rem 1rem;margin-right:.5rem;border-radius:.375rem;color:#111827;text-decoration:none;transition:background-color .3s}.nav-link:hover{background-color:#f3f4f6}.nav-link.active{background-color:#3b82f6;color:#fff}.logout-button{background:none;border:none;cursor:pointer;font:inherit;padding:.5rem 1rem;border-radius:.375rem;margin-right:.5rem}.logout-button:hover{background-color:#f3f4f6}body{font-family:Inter,sans-serif}.container{max-width:800px;padding:2rem}.page-title{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.card{border:1px solid #ddd;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 10px rgba(0,0,0,.04);background-color:#fff;transition:transform .2s ease}.card:hover{transform:translateY(-4px)}.btn-secondary{display:inline-block;margin-top:1rem;padding:.6rem 1.2rem;background-color:#06c;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;text-decoration:none;transition:background-color .3s ease}.btn-secondary:hover{background-color:#004b99}.container{max-width:1100px;margin:0 auto;padding:24px 16px}.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1/-1}.page-title{margin:0 0 8px;font-size:28px;font-weight:800}.btn-primary{background:#2563eb;border:1px solid #1d4ed8;border-radius:10px}.btn-dark,.btn-primary{color:#fff;padding:10px 14px;font-weight:700;cursor:pointer}.btn-dark{background:#111827;border:1px solid #0f172a;border-radius:10px}.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid transparent;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:0.5;--rdp-outside-opacity:0.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:0.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:0.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:#fff;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction),transparent 50%,var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction),var(--rdp-range_middle-background-color) 50%,transparent 50%);--rdp-range_end-color:#fff;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid transparent;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:0.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:0.75;--rdp-weekday-padding:0.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:0.3s;--rdp-animation_timing:cubic-bezier(0.4,0,0.2,1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{position:relative}.rdp-root,.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=after] .rdp-month,.rdp-root[data-nav-layout=around] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;-webkit-margin-start:var(--rdp-nav_button-width);margin-inline-start:var(--rdp-nav_button-width);-webkit-margin-end:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:-moz-fit-content;max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes rdp-slide_in_right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes rdp-slide_out_left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translateX(0)}to{transform:translateX(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}