:root{--bg: #0b0f14;--panel: #11161d;--panel-2: #0f141b;--accent: #4aa3ff;--accent-light: #4aa3ff;--text-muted: #9fb0c3;--text-color: #e8f0f8;--border: #1d2733;--radius: 16px;--font-stack: "system-ui", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#0a0f15,#0b1219);color:var(--text-color);font-family:var(--font-stack)}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 0% 0%,rgba(139,124,255,.16),transparent 45%),radial-gradient(circle at 100% 100%,rgba(76,209,195,.18),transparent 45%),var(--bg)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border);background:#0b1020d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar__brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.topbar__logo{background:var(--accent);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.topbar__user{display:flex;align-items:center;gap:12px}.topbar__welcome{margin:0;font-size:.8rem;color:var(--text-muted)}.topbar__name{margin:0;font-weight:600}.app-shell__body{flex:1;display:flex;min-height:0}.sidebar{width:220px;border-right:1px solid var(--border);padding:24px 16px;background:#080c20cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar__section{margin-bottom:24px}.sidebar__section:last-of-type{margin-bottom:0}.sidebar__section-title{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;color:var(--text-muted)}.sidebar__link{display:block;color:var(--text-muted);text-decoration:none;padding:10px 12px;border-radius:10px;margin-bottom:8px;transition:background .15s ease,color .15s ease}.sidebar__link:hover{background:#ffffff0f}.sidebar__link--active{background:#f4f6ff1a;color:var(--text-color);box-shadow:inset 0 0 0 1px #f4f6ff2e}.app-shell__content{flex:1;padding:32px;overflow:auto}code{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.app{padding:24px}.app--loading{max-width:560px;margin:0 auto}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}.login-screen__content h1{margin-bottom:8px}.login-screen__content p{color:var(--text-muted);margin-bottom:16px}.dashboard{min-height:100vh;padding:48px 32px}.dashboard__header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px}.dashboard__eyebrow{margin:0;color:var(--text-muted);font-size:.9rem}.dashboard__header h1{margin:4px 0 0}.dashboard__subtitle{margin:4px 0 0;color:var(--text-muted);font-size:.95rem}.dashboard__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.hero-card{background:linear-gradient(145deg,#080c20d9,#0f1837e6);border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px #00000073;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:24px;margin-bottom:24px;display:flex;flex-wrap:wrap;gap:24px}.hero-card h2{margin:8px 0 12px;font-size:2rem}.hero-card__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--text-muted);margin:0}.hero-card__text{margin:0;color:var(--text-muted);max-width:420px}.hero-card__details{list-style:none;padding:0;margin:0;display:flex;gap:18px;flex-wrap:wrap}.hero-card__details li{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:14px 18px;border-radius:12px;min-width:160px;box-shadow:inset 0 0 0 1px #ffffff05}.hero-card__details span{display:block;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.hero-card__details strong{display:block;margin-top:6px}.insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:24px}.insight-card{display:flex;flex-direction:column;gap:6px;background:linear-gradient(145deg,#080c20cc,#0f1837e6);border:1px solid rgba(255,255,255,.05);box-shadow:0 12px 30px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.insight-card__header{display:flex;justify-content:space-between;align-items:center}.insight-card__value{font-size:2rem;font-weight:700;margin:0}.link-button{background:none;border:none;color:var(--accent-light);text-align:left;padding:0;font-weight:600;cursor:pointer}.status-dot{width:12px;height:12px;border-radius:50%;display:inline-block;position:relative}.status-dot:after{content:"";position:absolute;top:-6px;left:-6px;width:24px;height:24px;border-radius:50%;opacity:.4;animation:pulse 2s infinite}.status-dot--up{background:#4ade80}.status-dot--up:after{background:#4ade8059}.status-dot--down{background:#ef4444}.status-dot--down:after{background:#ef444459}.status-dot--null,.status-dot--unknown{background:#9ca3af}.status-dot--null:after,.status-dot--unknown:after{background:#9ca3af59}@keyframes pulse{0%{transform:scale(.8);opacity:.6}50%{transform:scale(1.1);opacity:.2}to{transform:scale(.8);opacity:.6}}.card,.requests__detail{background:linear-gradient(145deg,#070918e6,#0f162df2);border-radius:28px;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px #0000008c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:36px;min-height:360px;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden}.requests__detail:after{content:"";position:absolute;top:-100px;right:-80px;width:220px;height:220px;background:radial-gradient(circle,rgba(140,122,255,.2),transparent 70%);z-index:0}.requests__detail>*{position:relative;z-index:1}.card h2{margin-top:0}.card__muted{color:var(--text-muted);margin-bottom:6px}.card--stacked{display:flex;flex-direction:column;gap:12px}.card--stacked .btn{margin-top:auto}.card__code{background:#0000004d;border-radius:12px;padding:8px 12px;display:block;white-space:pre-wrap}.admin-panel{display:flex;flex-direction:column;gap:16px}.admin-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.admin-panel__forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.admin-panel__form{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:12px;background:#ffffff0a}.admin-panel__form h3{margin:0}.admin-panel__form input{border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#0003;padding:10px;color:#fff}.admin-panel__form textarea,.admin-panel__form select{border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#0003;padding:10px;color:#fff;font-family:inherit}.admin-panel__form textarea{resize:vertical}.badge{padding:4px 10px;border-radius:999px;background:#ffffff26;font-size:.8rem;text-transform:uppercase}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 32px;background:#0b1b33cc;border:1px solid rgba(255,255,255,.08);border-radius:999px;margin-bottom:24px;flex-wrap:wrap;gap:12px}.top-nav__brand{font-weight:700;text-transform:uppercase;letter-spacing:.08em}.top-nav__actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border:1px solid var(--border);border-radius:999px;padding:10px 18px;font-size:.95rem;font-weight:500;cursor:pointer;transition:transform .15s ease,background .15s ease;background:linear-gradient(180deg,#17202b,#121a23);color:var(--text-color)}.btn:hover{transform:translateY(-1px);background:#17212d}.btn--primary{border-color:#f5d76e;background:linear-gradient(135deg,#f5d76e,#f39c12);color:#050814}.btn--primary:hover{background:linear-gradient(135deg,#ffdf7a,#f5a623);color:#050814}.btn--secondary{border-color:#f4f6ff29;background:#111727e6;color:var(--text-color);font-weight:600}.btn--ghost{border:1px solid var(--border);background:transparent;color:var(--text-muted)}.btn--danger{border-color:#ff767580;color:#ffb0aa}.btn--danger:hover{background:#ff76750f;color:#ffd0cb}.avatar{width:48px;height:48px;border-radius:50%;background:#ffffff1a;display:inline-flex;align-items:center;justify-content:center;font-weight:600;position:relative;overflow:visible}.avatar__initials{position:relative;z-index:2}.avatar__pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid transparent;z-index:1;animation:pulse 1.8s ease-in-out infinite}.avatar__pulse--up{border-color:#55efc4e6;box-shadow:0 0 #55efc466}.avatar__pulse--down{border-color:#ff7675e6;box-shadow:0 0 #ff767566}.avatar__pulse--unknown{border-color:#ffffff4d;box-shadow:0 0 #ffffff26}.avatar--up{box-shadow:0 0 0 3px #55efc440}.avatar--down{box-shadow:0 0 0 3px #ff767540}.avatar--unknown{box-shadow:0 0 0 3px #ffffff1f}@keyframes pulse{0%{transform:scale(.98);opacity:.9;box-shadow:0 0 0 0 currentColor}70%{transform:scale(1.08);opacity:.2;box-shadow:0 0 0 10px #0000}to{transform:scale(1);opacity:.1;box-shadow:0 0 #0000}}.alert{padding:14px 18px;border-radius:12px;margin-bottom:24px;font-weight:500;border:1px solid var(--border);background:#0b111fd9}.alert--error{border-color:#ff767566;color:#ffb0aa}.alert--success{border-color:#55efc466;color:#b2ffdf}@media (max-width: 640px){.dashboard{padding:32px 20px}.dashboard__header{flex-direction:column;align-items:flex-start}}.page{display:flex;flex-direction:column;gap:24px}.page__header h1{margin-bottom:8px}.public-status-header{text-align:center}.public-status-header h1{margin-bottom:12px}.page__header--actions{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page__header--actions>div:first-child{flex:1}@media (max-width: 720px){.page__header--actions{flex-direction:column}}.requests{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.requests--retention{grid-template-columns:.9fr 1.3fr}.requests__list{display:flex;flex-direction:column;gap:16px}.requests__toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.requests__toolbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.requests__toolbar h2{margin:0 0 4px}.requests__toolbar p{margin:0}.requests__table{width:100%;border-collapse:separate;border-spacing:0;background:linear-gradient(145deg,#060a1ad9,#0d142ceb);border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.requests__table th,.requests__table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.requests__table thead th{background:#ffffff05;color:var(--text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}.requests__row{cursor:pointer}.requests__row:nth-child(2n){background:#ffffff08}.requests__row--active{background:#f5d76e14;box-shadow:inset 0 0 0 1px #8b7cff59,0 0 20px #8b7cff40;position:relative}.requests__row--active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;box-shadow:0 0 30px #8b7cff59;pointer-events:none}.requests__table tbody tr:hover{background:#8b7cff14}.requests__date{white-space:nowrap}.expiry-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:10px;background:#ffd7001f;color:#ffd76e;border:1px solid rgba(255,215,0,.3)}.expiry-pill__icon{font-weight:700;font-size:.85rem}.schedule-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:10px;background:#78c3ff1f;color:#9fd3ff;border:1px solid rgba(120,195,255,.35)}.schedule-pill__icon{font-weight:700;font-size:.85rem}.requests__detail{background:var(--panel);border-radius:16px;padding:32px;min-height:360px;display:flex;flex-direction:column;gap:18px;border:1px solid rgba(139,124,255,.25);box-shadow:inset 0 0 0 1px #8b7cff26,0 0 35px #8b7cff33;align-self:flex-start}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:16px 0}.detail-grid div{background:#ffffff05;border:1px solid rgba(255,255,255,.03);border-radius:12px;padding:12px}.detail-grid--stacked{display:flex;flex-direction:column;gap:8px}.detail-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.detail-header__aside{display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:right}.detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.detail-meta--compact{display:flex;gap:12px;width:auto;align-items:flex-start;justify-content:flex-end;align-self:flex-end}.detail-meta--compact>div{text-align:right;min-width:140px}.detail-meta>div{background:#ffffff05;border:1px solid rgba(255,255,255,.03);border-radius:12px;padding:10px 12px}.retention-tabs{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);align-self:flex-start}.retention-tabs__tab{border:1px solid transparent;border-radius:999px;padding:6px 14px;font-size:.85rem;color:var(--text-muted);background:transparent;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.retention-tabs__tab:hover{color:var(--text-color);background:#ffffff0f}.retention-tabs__tab--active{color:#111827;background:#f5d76e;border-color:#f5d76e99}.retention-link{align-self:flex-start}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.badge--ghost{color:#f5d76e;border-color:#f5d76e66;background:#f5d76e0f}.retention-actions{display:grid;grid-template-columns:1fr;gap:16px;margin-top:12px}.retention-actions__panel{background:linear-gradient(135deg,#0a0d1cf2,#181230eb);border:1px solid rgba(139,124,255,.3);border-radius:16px;padding:24px;box-shadow:0 20px 35px #00000059;display:flex;flex-direction:column;gap:16px;width:100%;max-width:none;justify-self:stretch}.retention-actions__form{display:flex;flex-direction:column;gap:14px;width:100%}.retention-actions__cta{border:1px solid rgba(245,215,110,.4);background:#f5d76e14;padding:14px 16px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.retention-actions__plan{display:flex;align-items:center;gap:10px}.retention-actions__plan input{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:8px 10px;font-family:inherit}.retention-actions__cta>div{flex:1}.retention-actions__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.retention-actions__field select,.retention-actions__field input,.retention-actions__form textarea{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:10px 12px;font-family:inherit;width:100%}.retention-actions__form textarea{resize:vertical}.retention-actions__footer{display:flex;align-items:center;gap:12px}.retention-actions__footer .alert{margin:0}.retention-actions__hint{border:1px dashed rgba(255,255,255,.15);border-radius:16px;padding:14px;background:#ffffff05;display:flex;flex-direction:column;gap:6px}.retention-actions__hint-title{margin:0;font-weight:700}@media (max-width: 900px){.requests--retention,.retention-actions{grid-template-columns:1fr}}.form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.form-field{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--text-muted)}.form-field input{width:100%}.form-actions--split{justify-content:space-between;width:100%}.form-actions__group{display:flex;gap:12px;align-items:center}.switch{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-muted)}.switch input[type=checkbox]{width:18px;height:18px;accent-color:#f5d76e}.detail-summary{border-radius:22px;padding:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;gap:16px}.detail-summary__row{display:flex;flex-direction:column;gap:2px;padding-left:4px}.detail-summary__label{margin:0;color:var(--text-muted);font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.detail-summary__value{font-size:1rem;margin-left:4px}.detail-summary__action{width:100%;margin-top:16px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;border:1px dashed rgba(255,255,255,.18);border-radius:16px;background:#ffffff05}.menu-wrapper{position:relative}.menu-button{width:46px;height:46px;border-radius:12px;border:1px solid var(--border);background:#111727e6;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}.menu-button__bar{width:18px;height:2px;background:var(--text-color)}.menu-dropdown{position:absolute;top:56px;right:0;background:linear-gradient(145deg,#080c20f2,#0f1837fa);border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:0 12px 30px #00000073;width:240px;padding:16px;display:flex;flex-direction:column;gap:12px}.menu-dropdown__user{display:flex;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}.menu-dropdown__item{border:1px solid var(--border);background:transparent;color:var(--text-color);border-radius:10px;padding:10px 12px;cursor:pointer}.menu-dropdown__item:hover{background:#ff76751a;border-color:#ff767566;color:#ffb0aa}.search-box input{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;color:#fff;min-width:240px}.reference-search{width:min(640px,92vw);margin:0 auto}.reference-search__field{display:flex;align-items:center;gap:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:10px 12px;box-shadow:0 18px 40px #f5d76e2e,0 6px 16px #f5d76e1f}.reference-search input{flex:1;background:transparent;border:none;padding:12px 10px;color:#fff;font-size:1.05rem;font-weight:600;letter-spacing:.01em}.reference-search input:focus{outline:none}.reference-search .btn{border-radius:14px;padding:12px 18px;white-space:nowrap}.reference-search .icon{width:20px;height:20px;display:block}.public-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.public-status-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:6px}@media (max-width: 900px){.public-status-grid{grid-template-columns:1fr}}.status-plain{display:flex;flex-direction:column;gap:6px}.status-plain p{margin:0}.status-plain--center{width:min(640px,92vw);margin:20px auto 0;text-align:left;box-shadow:0 18px 40px #f5d76e2e,0 6px 16px #f5d76e1f;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);padding:26px 24px 24px}.reference-search input::placeholder{color:#e2e8f0b3}.audit-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:8px}.audit-list li{background:#070a1699;padding:10px 12px;border-radius:10px;border-left:3px solid rgba(245,215,110,.35);font-family:IBM Plex Mono,Fira Code,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem}.audit-list li>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.status-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.15);font-size:.75rem;font-weight:600}.status-chip--pending{color:#f1c40f;border-color:#f1c40f66}.status-chip--review{color:#00bcd4;border-color:#00bcd466}.status-chip--scheduled{color:#f39c12;border-color:#f39c1266}.status-chip--default{color:#4aa3ff;border-color:#4aa3ff66}.status-chip--info{color:#74b9ff;border-color:#74b9ff66}.status-chip--deletable{color:#ff7675;border-color:#ff767566}.status-chip--keep{color:#55efc4;border-color:#55efc466}.status-chip--needsReview{color:#fdbb57;border-color:#fdbb5766}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060fbf;display:flex;align-items:flex-start;justify-content:center;padding:60px 16px;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:linear-gradient(145deg,#070918f2,#0f162dfa);border-radius:24px;border:1px solid rgba(255,255,255,.08);width:min(540px,100%);box-shadow:0 40px 60px #0009;padding:28px;display:flex;flex-direction:column;gap:18px}.modal__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.modal__body,.modal__form{display:flex;flex-direction:column;gap:12px}.modal__form input,.modal__form textarea,.modal__form select{border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#0003;padding:10px;color:#fff;font-family:inherit}.modal__form textarea{resize:vertical}.modal__form-actions,.modal__footer{display:flex;justify-content:flex-end;gap:12px}.modal__close{margin-left:auto}.template-picker label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--text-muted)}.template-picker__hint{font-size:.75rem}.detail-header{display:flex;justify-content:space-between;align-items:center;gap:12px}