:root{color-scheme:light;font-family:"Trebuchet MS","Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}npm run css:watchnpm run css:watchnpm run css:watchcd DarrylsMenu html,body{min-height:100%}body{margin:0;color:#f4fbf8;background:#0d2358 url("images/my-back.jpg") center/cover fixed no-repeat}button,input{font:inherit}a{color:inherit}.aquarium{position:fixed;inset:0;z-index:-1;overflow:hidden}.aquarium::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0, 72, 91, 0.08), rgba(0, 25, 34, 0.4))}.fish,.bubble{position:absolute;top:0;left:0;will-change:transform}.fish{max-width:min(17vw,190px)}.fish-two{max-width:min(13vw,145px)}.fish-three{max-width:min(11vw,120px)}.bubble{width:clamp(8px,1.2vw,22px);opacity:.62}.site-header{min-height:58px;padding:.65rem clamp(1rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;background:rgba(0,0,0,.4);border-bottom:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px)}.site-header .brand{font-family:Georgia,serif;font-size:1.35rem;font-weight:700;text-decoration:none}.site-header nav{display:flex;align-items:center;gap:1rem;font-size:.93rem}.site-header nav a,.site-header .link-button{color:#f4fbf8;text-decoration:underline;text-underline-offset:3px}.site-header form{display:inline}.link-button{padding:0;border:0;background:none;cursor:pointer}.menu-shell{width:min(1500px,100% - 2rem);min-height:calc(100vh - 150px);margin:clamp(2rem,7vh,5rem) auto 2rem;padding:clamp(1rem,2vw,2rem);background:rgba(6,35,45,.78);border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 70px rgba(0,21,28,.42);backdrop-filter:blur(10px)}.shortcut-menu{width:90%;max-width:none;margin-top:.25rem;color:#17222a;background:rgba(255,255,255,.12);border:0;border-radius:1rem;box-shadow:.5rem .5rem 1rem rgba(0,21,28,.3);backdrop-filter:none}.shortcut-menu .eyebrow{color:#000}.shortcut-menu .button-secondary{color:#0d2358;background:rgba(255,255,255,.56);border-color:rgba(3,75,99,.42)}.menu-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.menu-heading h1{margin:0;font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,3.4rem)}.eyebrow{margin:0 0 .25rem;color:#a9e6df;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.menu-actions,.dialog-actions{display:flex;flex-wrap:wrap;gap:.6rem}.button{display:inline-flex;min-height:42px;padding:.65rem 1rem;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0);border-radius:6px;font-weight:700;text-decoration:none;cursor:pointer}.button-primary{color:#162027;background:#8ee3d7;border-color:#b8f3eb}.button-secondary{color:#f4fbf8;background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.32)}.button-danger{color:#fff;background:#b93636}.button:hover{filter:brightness(1.08)}.status{margin-bottom:1rem;padding:.7rem .9rem;color:#092f35;background:#a9e6df;border-radius:4px}.shortcut-grid{--shortcut-columns: 4;display:flex;flex-wrap:wrap;justify-content:center;gap:2px}.shortcut-card{position:relative;flex:0 0 calc((100% - (var(--shortcut-columns) - 1)*2px)/var(--shortcut-columns));min-width:0;min-height:104px;overflow:hidden;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.1);border-radius:6px;transition:transform 160ms ease,background 160ms ease}.shortcut-card:hover{transform:translateY(-2px);background:rgba(39,13,17,.82)}.shortcut-card>a{min-height:104px;padding:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;color:#ff6d60;font-weight:800;line-height:1.15;text-align:center;text-decoration:none;text-shadow:0 2px 3px #000}.shortcut-card>a img{width:30px;height:30px;object-fit:contain}.edit-button,.close-button{width:34px;height:34px;padding:2px;border:0;background:rgba(255,255,255,.4);border-radius:0 0 0 .25rem;cursor:pointer}.edit-button img,.close-button img{width:100%;height:100%}.edit-button{position:absolute;top:0;right:0;border-radius:0 0 0 5px}.empty-state{min-height:260px;display:grid;place-content:center;justify-items:center;text-align:center}.empty-state h2{margin-bottom:0;font-family:Georgia,serif}footer{width:max-content;max-width:calc(100% - 2rem);margin:0 auto 1rem;padding:.45rem 1rem;color:#17222a;background:rgba(244,251,248,.88);border-radius:999px;font-size:.82rem;font-weight:700}.modal-backdrop{position:fixed;inset:0;z-index:100;padding:1rem;display:grid;place-items:center;background:rgba(1,19,25,.78)}.shortcut-dialog{position:relative;width:min(560px,100%);padding:clamp(1.25rem,4vw,2.2rem);color:#17222a;background:#f4fbf8;border-top:5px solid #ef5b4d;box-shadow:0 24px 80px rgba(0,0,0,.5)}.shortcut-dialog h2{margin:0 2rem 1.5rem 0;font-family:Georgia,serif}.shortcut-dialog label{display:grid;gap:.35rem;margin-bottom:1rem;font-weight:700}.shortcut-dialog input{width:100%;padding:.75rem;border:1px solid #829298;border-radius:4px}.shortcut-dialog .close-button{position:absolute;top:.8rem;right:.8rem}.shortcut-dialog .dialog-actions{margin-top:1.5rem;justify-content:flex-end}.validation-message,.validation-summary-errors{color:#a91e1e}#blazor-error-ui{display:none;position:fixed;right:1rem;bottom:1rem;z-index:1000;padding:1rem;color:#17222a;background:#fff4c2}.account-layout,.row{color:#17222a}.manage-shell{width:min(1080px,100% - 2rem);min-height:calc(100vh - 4rem);margin:2rem auto;padding:clamp(1rem,3vw,2rem);color:#17222a;background:rgba(244,251,248,.96);border-top:5px solid #ef5b4d;box-shadow:0 24px 70px rgba(0,21,28,.48);backdrop-filter:blur(12px)}.manage-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid #bfced0}.manage-heading h1{margin:0;font-family:Georgia,serif;font-size:clamp(1.7rem,4vw,2.7rem)}.manage-heading .eyebrow{color:#0d2358}.manage-grid{display:grid;grid-template-columns:minmax(180px, 220px) minmax(0, 1fr);gap:clamp(1.25rem,4vw,3rem);padding-top:1.5rem}.manage-nav{gap:.25rem}.manage-nav .nav-link{padding:.7rem .85rem;color:#164b5a;border:1px solid rgba(0,0,0,0);border-radius:4px;font-weight:700}.manage-nav .nav-link:hover{color:#082f39;background:#d9eeea;border-color:#a9ceca}.manage-nav .nav-link.active{color:#fff;background:#0d2358;border-color:#0d2358}.manage-content{min-width:0}.manage-content h3{margin-top:0;font-family:Georgia,serif}.user-count{color:#a9e6df;font-weight:700;align-self:center}.user-table-wrap{overflow-x:auto}.user-table{width:100%;border-collapse:collapse;background:rgba(0,0,0,.28)}.user-table th,.user-table td{padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.15);text-align:left}.user-table th{color:#a9e6df;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.user-table tbody tr:hover{background:rgba(255,255,255,.06)}.user-table .user-action{text-align:right}.user-status{display:inline-block;padding:.2rem .5rem;border-radius:4px;color:#082f39;background:#a9e6df;font-size:.78rem;font-weight:800}.user-status.inactive{color:#fff;background:#925252}.admin-form-shell{max-width:1000px}.admin-panels{display:grid;gap:1rem;padding-top:1.5rem}.admin-panel{padding:1.25rem;border:1px solid #bfd0d2;border-radius:6px;background:#fff}.admin-panel h2{margin:0 0 .75rem;font-family:Georgia,serif;font-size:1.35rem}.admin-panel p{margin-top:0}.admin-form{display:grid;gap:1rem;padding-top:1.5rem}.admin-form label{display:grid;gap:.35rem;font-weight:700}.admin-form input{width:100%;padding:.7rem;border:1px solid #829298;border-radius:4px}.admin-form-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1rem}.admin-form-wide{grid-column:1/-1}.admin-check{display:flex !important;align-items:center;gap:.6rem !important}.admin-check input{width:1.1rem;height:1.1rem}.admin-button-secondary{color:#0d2358;background:#e0f0ed;border-color:#8ab7b5}.admin-message{margin:1rem 0 0;padding:.8rem 1rem;border-radius:4px;font-weight:700}.admin-message.success{color:#174c35;background:#d9f2e5;border:1px solid #8bc4a4}.admin-message.error{color:#721c24;background:#f8d7da;border:1px solid #dc9da3}.danger-zone{border-color:#d59a9a;background:#fff7f7}@media(max-width: 700px){.site-header{align-items:flex-start}.site-header nav{justify-content:flex-end;flex-wrap:wrap}.site-header nav span{width:100%;text-align:right}.menu-heading{align-items:flex-start;flex-direction:column}.shortcut-grid{--shortcut-columns: 2}.shortcut-card,.shortcut-card>a{min-height:92px}.manage-heading{align-items:flex-start;flex-direction:column}.manage-grid{grid-template-columns:1fr}.manage-nav{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}.admin-form-grid{grid-template-columns:1fr}.admin-form-wide{grid-column:auto}.user-table{background:rgba(0,0,0,0)}.user-table thead{display:none}.user-table tr{display:block;margin-bottom:.75rem;padding:.75rem;background:rgba(0,0,0,.32)}.user-table td{display:flex;justify-content:space-between;gap:1rem;padding:.4rem;border:0;text-align:right}.user-table td::before{content:attr(data-label);color:#a9e6df;font-weight:700;text-align:left}.user-table .user-action{justify-content:flex-end}.user-table .user-action::before{display:none}}@media(max-width: 430px){.site-header .brand{font-size:1.1rem}.site-header nav{gap:.6rem;font-size:.82rem}.menu-shell{width:calc(100% - 1rem);margin-top:1rem;padding:.75rem}.shortcut-menu{margin-top:.25rem}.shortcut-grid{--shortcut-columns: 1}.menu-actions{width:100%}.menu-actions .button{flex:1}}@media(prefers-reduced-motion: reduce){.fish,.bubble{display:none}.shortcut-card{transition:none}}@media(min-width: 1540px){.shortcut-grid{--shortcut-columns: 6}}@media(min-width: 2400px){.shortcut-grid{--shortcut-columns: 8}}@media(min-width: 3000px){.shortcut-grid{--shortcut-columns: 10}}@media(min-width: 4000px){.shortcut-grid{--shortcut-columns: 13}}