*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}:root{--dp-bg:#eef1ec;--dp-bg-soft:#e3e8df;--dp-surface:#fbfcfadb;--dp-surface-strong:#fff;--dp-border:#cdd7c6;--dp-text:#1f2420;--dp-muted:#5d6a5f;--dp-accent:#4a7355;--dp-accent-strong:#3a5e44;--dp-danger:#c2453c;--dp-radius:16px;--dp-font:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--dp-shadow:0 1px 2px #21262e0d, 0 10px 28px #21262e12;--dp-shadow-lift:0 2px 4px #21262e0f, 0 18px 40px #21262e1f}.dp-header{border-bottom:1px solid var(--dp-border);background:color-mix(in srgb, var(--dp-surface) 92%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:8px 4px 14px;display:flex}.dp-header-controls{flex-wrap:wrap;align-items:center;gap:14px;display:inline-flex}.dp-header-user{align-items:center;gap:12px;display:inline-flex}.dp-header-user-meta{flex-direction:column;align-items:flex-end;gap:2px;display:inline-flex}.dp-header-user-name{font-size:13px;font-weight:600}.dp-header-user-role{color:var(--dp-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.dp-signout{font-family:var(--dp-font);color:var(--dp-muted);border:1px solid var(--dp-border);cursor:pointer;background:0 0;border-radius:999px;min-height:44px;padding:11px 20px;font-size:13px;font-weight:600;transition:transform .16s,box-shadow .16s,background .16s,color .16s}.dp-signout:hover{color:var(--dp-danger);border-color:var(--dp-danger);background:color-mix(in srgb, var(--dp-danger) 8%, transparent);transform:translateY(-1px);box-shadow:0 18px 40px #21262e1a}.dp-signout:focus-visible{outline:2px solid var(--dp-accent);outline-offset:2px}.dp-brand{color:var(--dp-text);font-family:var(--dp-font);letter-spacing:-.02em;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;margin-left:-8px;padding:6px 8px;font-size:15px;font-weight:700;display:inline-flex}.dp-brand-mark{background:var(--dp-accent);color:#fff;width:28px;height:28px;box-shadow:var(--dp-shadow);border-radius:9px;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.dp-brand:hover{color:var(--dp-accent-strong)}.dp-brand-home{border-left:1px solid var(--dp-border);color:var(--dp-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;align-items:center;gap:8px;padding-left:10px;font-size:12px;font-weight:600;display:inline-flex}.dp-brand:hover .dp-brand-home{color:var(--dp-accent-strong)}.dp-page{flex:1;min-height:0;padding:2px 4px 20px;overflow:hidden auto}.dp-page-head{margin-bottom:18px}.dp-page-title{letter-spacing:.01em;margin:0 0 4px;font-size:18px;font-weight:700;line-height:1.4}.dp-page-subtitle{color:var(--dp-muted);margin:0;font-size:15px}.dp-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.dp-card-link{color:inherit;border-radius:var(--dp-radius);text-decoration:none;display:block}.dp-card{background:var(--dp-surface);border:1px solid var(--dp-border);-webkit-backdrop-filter:blur(10px);min-height:128px;box-shadow:var(--dp-shadow);border-radius:18px;flex-direction:column;justify-content:space-between;gap:14px;padding:20px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s,color .16s;display:flex}.dp-card-link:hover .dp-card{border-color:var(--dp-accent);box-shadow:var(--dp-shadow-lift);transform:translateY(-3px)}.dp-card-name{letter-spacing:-.02em;font-size:clamp(18px,2vw,20px);font-weight:700;line-height:1.15}.dp-card-route{color:var(--dp-muted);letter-spacing:.16em;text-transform:uppercase;font-size:13px;font-weight:800}.dp-empty{color:var(--dp-muted);text-align:center;margin:0;padding:32px 0;font-size:15px}.dp-loader{color:var(--dp-muted);align-items:center;gap:10px;padding:32px 0;display:flex}.dp-loader-spinner{border:2px solid var(--dp-border);border-top-color:var(--dp-accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite dp-spin}.dp-error{background:color-mix(in srgb, var(--dp-danger) 8%, transparent);color:var(--dp-danger);border:1px solid #c2453c59;border-radius:12px;margin:8px 0;padding:10px 14px;font-size:14px}@keyframes dp-spin{to{transform:rotate(360deg)}}@media (width<=640px){.dp-header{flex-direction:column;align-items:stretch;gap:10px;padding:8px 0 12px}.dp-brand{margin-left:0}.dp-header-controls{justify-content:flex-start;gap:10px}.dp-header-user{justify-content:space-between;width:100%}.dp-header-user-meta{align-items:flex-start}.dp-card-link:hover .dp-card{border-color:var(--dp-border);box-shadow:var(--dp-shadow);transform:none}.dp-card-grid{grid-template-columns:1fr;gap:12px}.dp-card{min-height:0;padding:16px}}@media (pointer:coarse){.dp-signout,.dp-locale{min-height:44px;padding:11px 20px}}@media (prefers-reduced-motion:reduce){.dp-loader-spinner{animation-duration:.01ms}.dp-card-link:hover .dp-card,.dp-signout:hover{transform:none}}.dp-locale{font-family:var(--dp-font);color:var(--dp-muted);border:1px solid var(--dp-border);cursor:pointer;background:0 0;border-radius:999px;min-height:44px;padding:11px 20px;font-size:13px;font-weight:600;transition:transform .16s,box-shadow .16s,background .16s,color .16s}.dp-locale:hover{color:var(--dp-accent);border-color:var(--dp-accent);background:color-mix(in srgb, var(--dp-accent) 8%, transparent);transform:translateY(-1px);box-shadow:0 18px 40px #21262e1a}.dp-locale:focus-visible{outline:2px solid var(--dp-accent);outline-offset:2px}