@font-face{font-family:Atkinson KinePirque;src:url(/atkinson-regular.woff) format("woff");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Atkinson KinePirque;src:url(/atkinson-bold.woff) format("woff");font-style:normal;font-weight:700 900;font-display:swap}:root{color-scheme:light;font-family:Atkinson KinePirque,Avenir Next,Avenir,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--teal-950: #083f42;--teal-900: #0b4f55;--teal-700: #07877d;--teal-600: #0a9a82;--green: #21c96f;--surface: rgba(255, 255, 255, .86);--line: #dceae6;--muted: #708783}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#eaf5f1}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden;background:linear-gradient(135deg,#eef8f5,#f8fbf9 48%,#e6f2ee);color:#183b3d}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}img{max-width:100%}::selection{background:#bef264;color:#075f5b}:focus-visible{outline:3px solid rgba(33,201,111,.42);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ambient{position:fixed;z-index:0;border-radius:999px;pointer-events:none}.ambient-one{top:-18rem;right:-12rem;width:38rem;height:38rem;background:radial-gradient(circle,rgba(54,206,175,.24),transparent 68%)}.ambient-two{bottom:-22rem;left:-12rem;width:42rem;height:42rem;background:radial-gradient(circle,rgba(190,242,100,.18),transparent 67%)}.offline-banner{position:fixed;z-index:150;top:max(.55rem,env(safe-area-inset-top));left:50%;width:min(calc(100% - 2rem),36rem);padding:.65rem 1rem;border:1px solid #f0d78b;border-radius:.75rem;background:#fff9daf7;color:#6f5b19;font-size:.8rem;font-weight:800;text-align:center;box-shadow:0 10px 35px #3d331229;transform:translate(-50%)}.brand{display:flex;align-items:center;gap:.8rem;margin-bottom:2.4rem}.brand-compact{margin:.2rem .45rem 0;padding-bottom:1.65rem;border-bottom:1px solid #dbe9e5}.brand-mark{display:grid;width:2.8rem;height:2.8rem;place-items:center;flex:0 0 auto;border-radius:50%;background:linear-gradient(145deg,#07877d,#21c96f);color:#fff;font-size:1.4rem;font-weight:800;box-shadow:0 8px 20px #07877d38}.brand div{display:grid}.brand strong{color:#075f5b;letter-spacing:.06em}.brand span{color:#65807c;font-size:.76rem}.auth-shell{position:relative;z-index:1;display:grid;min-height:100dvh;place-items:center;padding:calc(1.25rem + env(safe-area-inset-top)) calc(1.25rem + env(safe-area-inset-right)) calc(1.25rem + env(safe-area-inset-bottom)) calc(1.25rem + env(safe-area-inset-left))}.auth-card{width:min(100%,30rem);padding:clamp(1.5rem,5vw,2.75rem);border:1px solid rgba(255,255,255,.92);border-radius:2rem;background:#ffffffe6;box-shadow:0 30px 90px #0b4f5526;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.auth-state{padding:2.4rem 0 1rem;text-align:center}.auth-state .loader{margin:0 auto 1.4rem}.auth-state h1,.auth-form h1{margin:0;color:var(--teal-900);font-size:clamp(1.8rem,6vw,2.35rem);line-height:1.05;letter-spacing:-.04em}.auth-state p,.auth-copy{color:#657b77;line-height:1.5}.connection-state{display:grid;justify-items:center;gap:.8rem;padding-top:1rem}.connection-state p{margin:0}.connection-icon{display:grid;width:3.5rem;height:3.5rem;place-items:center;border-radius:50%;background:#fff0e0;color:#ae6024;font-size:1.5rem;font-weight:900}.auth-form{display:grid;gap:1.05rem}.auth-form .auth-copy{margin:-.3rem 0 .5rem}.eyebrow{margin:0 0 .35rem;color:var(--teal-700);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.inline-alert{padding:.8rem 1rem;border:1px solid #fecaca;border-radius:.8rem;background:#fff1f2;color:#a72727;font-size:.88rem;font-weight:700}.field{display:grid;gap:.42rem;min-width:0;color:#264d4c;font-size:.86rem;font-weight:700}.field input,.field textarea,.field select,.compact-field select,.search-field input{width:100%;border:1px solid #ccdeda;border-radius:.8rem;background:#fff;color:#183b3d;transition:border-color .2s,box-shadow .2s,background .2s}.field input,.field select{min-height:2.95rem;padding:.72rem .85rem}.field textarea{min-height:6rem;padding:.8rem .9rem;line-height:1.55;resize:vertical}.field input:hover,.field textarea:hover,.field select:hover{border-color:#9dc4bb}.field input:focus,.field textarea:focus,.field select:focus,.compact-field select:focus,.search-field input:focus{border-color:var(--teal-700);outline:0;box-shadow:0 0 0 4px #07877d1a}.field input:disabled,.field textarea:disabled,.field select:disabled{background:#f2f6f5;color:#6d7e7b}.field small,.section-help{color:#778b87;font-size:.74rem;font-weight:500;line-height:1.4}.primary-button,.secondary-button,.danger-button,.edit-button,.logout-button,.text-button,.icon-button{border:0;font-weight:800;transition:transform .18s,background .18s,color .18s,box-shadow .18s,opacity .18s}.primary-button{display:inline-flex;min-height:2.8rem;align-items:center;justify-content:center;gap:.5rem;padding:.72rem 1.2rem;border-radius:.78rem;background:linear-gradient(135deg,#07877d,#0aa072);color:#fff;box-shadow:0 9px 22px #07877d33}.primary-button svg{width:1.15rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #07877d42}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.text-button:disabled{opacity:.58}.full-button{width:100%;margin-top:.4rem}.secondary-button{min-height:2.65rem;padding:.66rem 1.1rem;border:1px solid #c7dcd7;border-radius:.75rem;background:#fff;color:#0b5b5b}.secondary-button:hover:not(:disabled){background:#edf8f5}.danger-button{min-height:2.65rem;padding:.66rem 1.1rem;border:1px solid #f1b9b7;border-radius:.75rem;background:#fff7f7;color:#b52d2d}.danger-button:hover:not(:disabled){background:#ffebeb}.button-loader{display:block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.loader{display:block;width:1.7rem;height:1.7rem;border:3px solid #d7ebe6;border-top-color:var(--teal-700);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-app{position:relative;z-index:1;min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:16.75rem;flex-direction:column;padding:calc(1.25rem + env(safe-area-inset-top)) 1.1rem calc(1rem + env(safe-area-inset-bottom));border-right:1px solid rgba(11,79,85,.1);background:#f7fcfaf2;box-shadow:12px 0 44px #0b4f5512;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-nav{display:grid;gap:.35rem;padding:1.35rem 0}.nav-item{display:flex;width:100%;align-items:center;gap:.75rem;padding:.78rem .9rem;border:0;border-radius:.8rem;background:transparent;color:#486b68;font-size:.91rem;font-weight:700;text-align:left;text-decoration:none}.nav-item svg,.icon-button svg,.search-field svg{width:1.25rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.nav-item:hover{background:#eaf6f2;color:#075f5b}.nav-item.active{background:linear-gradient(135deg,#dff5ef,#ebf9f3);color:var(--teal-700)}.nav-button{font-family:inherit}.sidebar-footer{display:grid;gap:.8rem;margin-top:auto;padding:1rem .25rem 0;border-top:1px solid #dbe9e5}.user-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem}.user-card>div{display:grid;min-width:0}.user-card strong,.user-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card strong{color:#214a49;font-size:.84rem}.user-card span{color:#79918d;font-size:.69rem}.user-avatar{display:grid;width:2.35rem;height:2.35rem;place-items:center;border-radius:50%;background:var(--teal-700);color:#fff!important;font-weight:800}.logout-button{padding:.65rem .75rem;border-radius:.65rem;background:transparent;color:#7c514e;font-size:.8rem;text-align:left}.logout-button:hover{background:#fff0ef}.sidebar-overlay{position:fixed;inset:0;z-index:25;border:0;background:#032b2680}.workspace{min-height:100dvh;margin-left:16.75rem}.topbar{position:sticky;top:0;z-index:20;display:flex;min-height:5.2rem;align-items:center;gap:1rem;padding:max(.85rem,env(safe-area-inset-top)) clamp(1rem,3vw,2.4rem) .85rem;border-bottom:1px solid rgba(11,79,85,.1);background:#f9fcfbdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar>div{margin-right:auto}.topbar p{margin:0 0 .08rem;color:#77908c;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.topbar h1{margin:0;color:var(--teal-900);font-size:1.45rem;letter-spacing:-.025em}.icon-button{display:grid;width:2.65rem;height:2.65rem;place-items:center;flex:0 0 auto;border-radius:.75rem;background:#edf7f4;color:#0b5d5a}.icon-button:hover{background:#dff2ec}.menu-button{display:none}.dashboard{padding:clamp(1rem,3vw,2.4rem);padding-bottom:calc(clamp(1rem,3vw,2.4rem) + env(safe-area-inset-bottom))}.list-panel,.editor-panel{max-width:92rem;margin:0 auto;border:1px solid rgba(255,255,255,.92);border-radius:1.4rem;background:var(--surface);box-shadow:0 18px 55px #0b4f5517;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.list-panel{padding:clamp(1rem,3vw,1.7rem)}.section-heading,.editor-header,.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-heading h2,.editor-header h2,.preview-heading h3{margin:0;color:var(--teal-900);letter-spacing:-.03em}.section-heading h2,.editor-header h2{font-size:clamp(1.5rem,3vw,2rem)}.count-pill{padding:.42rem .72rem;border-radius:999px;background:#e7f6f1;color:#08756e;font-size:.78rem;font-weight:800}.list-tools{display:grid;grid-template-columns:minmax(12rem,1fr) auto;gap:.75rem;margin-top:1.3rem;padding-bottom:1.15rem;border-bottom:1px solid #dfebe8}.search-field{position:relative;display:flex;align-items:center}.search-field svg{position:absolute;left:.85rem;z-index:1;color:#7b9691}.search-field input{min-height:2.75rem;padding:.65rem .8rem .65rem 2.75rem}.compact-field select{min-height:2.75rem;padding:.6rem 2.3rem .6rem .8rem}.list-message,.empty-state{display:grid;justify-items:center;gap:.65rem;padding:4rem 1rem;color:var(--muted);text-align:center}.list-message p,.empty-state h3,.empty-state p{margin:0}.empty-state>span{display:grid;width:3.5rem;height:3.5rem;place-items:center;border-radius:50%;background:#e1f5ef;color:#07927d;font-size:1.4rem}.empty-state h3{color:#315b58;font-size:1.2rem}.advice-list{display:grid}.advice-row{display:grid;grid-template-columns:5rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.05rem .2rem;border-bottom:1px solid #e0ebe8}.advice-row:last-child{border-bottom:0}.row-thumbnail{display:grid;width:5rem;aspect-ratio:4/3;place-items:center;overflow:hidden;border-radius:.75rem;background:linear-gradient(135deg,#dff6f0,#eef8e4);color:var(--teal-700);font-weight:800}.row-thumbnail img{width:100%;height:100%;object-fit:cover}.row-content{min-width:0}.row-content h3{margin:.35rem 0 .25rem;overflow:hidden;color:#174b4c;font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}.row-content p{margin:0;color:#78908c;font-size:.76rem}.row-meta{display:flex;align-items:center;gap:.6rem;color:#6e8581;font-size:.72rem;font-weight:700}.status-badge{padding:.24rem .52rem;border-radius:999px}.status-badge.published{background:#dcf7e7;color:#08734f}.status-badge.draft{background:#f2f0e7;color:#796f4d}.row-actions{display:flex;align-items:center;gap:.45rem}.text-button{padding:.55rem .65rem;border-radius:.6rem;background:transparent;color:var(--teal-700);font-size:.76rem}.text-button:hover:not(:disabled){background:#e7f6f1}.edit-button{padding:.58rem .9rem;border-radius:.65rem;background:#e7f5f1;color:#075f5b;font-size:.78rem}.edit-button:hover{background:#d8eee8}.editor-panel{overflow:hidden}.editor-header{padding:1.25rem clamp(1rem,3vw,1.8rem);border-bottom:1px solid var(--line)}.editor-fieldset{min-width:0;margin:0;padding:0;border:0}.form-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(18rem,.8fr);gap:1.2rem;padding:clamp(1rem,3vw,1.8rem)}.form-column,.media-column{display:grid;align-content:start;gap:1.2rem;min-width:0}.form-section{display:grid;gap:1rem;min-width:0;margin:0;padding:1.2rem;border:1px solid var(--line);border-radius:1rem;background:#fafdfccc}.form-section legend{padding:0 .45rem;color:var(--teal-900);font-size:1rem;font-weight:800}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.slug-input{display:flex;min-width:0;align-items:stretch;border:1px solid #ccdeda;border-radius:.8rem;background:#fff;overflow:hidden}.slug-input:focus-within{border-color:var(--teal-700);box-shadow:0 0 0 4px #07877d1a}.slug-input b{display:flex;align-items:center;padding-left:.8rem;color:#78908c;font-size:.8rem;font-weight:600;white-space:nowrap}.slug-input input{min-width:0;border:0;box-shadow:none!important;padding-left:.15rem}.section-help{margin:-.45rem 0 0}.media-field{display:grid;gap:.65rem;padding-top:1rem;border-top:1px solid #e0ece9}.media-field:first-of-type{padding-top:.2rem;border-top:0}.media-label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:#315b58;font-size:.82rem}.media-label span{color:#7b918d;font-size:.68rem;font-weight:700;text-transform:uppercase}.upload-zone{position:relative;display:grid;min-height:7rem;place-items:center;align-content:center;gap:.25rem;padding:.8rem;border:1.5px dashed #a9c9c1;border-radius:.85rem;background:#f6fbf9;color:#26625e;font-size:.78rem;font-weight:800;text-align:center;transition:border-color .2s,background .2s}.upload-zone:hover,.upload-zone.has-file{border-color:var(--teal-700);background:#edf8f5}.upload-zone input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.upload-zone small{color:#819692;font-size:.67rem;font-weight:500}.upload-name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-icon{display:grid;width:1.8rem;height:1.8rem;place-items:center;border-radius:50%;background:#dbf2eb;color:var(--teal-700);font-size:1rem}.compact-url{gap:.25rem}.compact-url>span{font-size:.7rem}.compact-url input{min-height:2.35rem;padding:.5rem .65rem;font-size:.72rem}.preview-section{margin:0 clamp(1rem,3vw,1.8rem);padding:1.4rem 0 1.6rem;border-top:1px solid var(--line)}.preview-heading{margin-bottom:1rem}.preview-heading h3{font-size:1.2rem}.preview-heading>span{color:#7b918d;font-size:.74rem}.banner-preview{position:relative;aspect-ratio:32/9;width:100%;overflow:hidden;background:#b5dad5;box-shadow:0 16px 40px #05404426}.banner-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.banner-preview h4{position:absolute;top:15%;left:4.2%;width:43%;margin:0;color:#07546a;font-size:clamp(.48rem,1.7vw,1.65rem);font-weight:800;line-height:1.05;letter-spacing:-.025em;text-align:center}.banner-preview>p{position:absolute;top:41%;left:4.5%;width:42%;margin:0;color:#175d69;font-size:clamp(.31rem,1vw,.85rem);font-weight:600;line-height:1.18;text-align:center}.preview-action{position:absolute;bottom:12%;left:25.5%;display:inline-flex;align-items:center;gap:.45vw;padding:.5% 1.45%;border-radius:999px;background:#fff;color:#076074;font-size:clamp(.3rem,.82vw,.72rem);font-weight:800;transform:translate(-50%);box-shadow:0 4px 12px #0540441a}.preview-category{position:absolute;bottom:12%;left:56.2%;width:14.5%;overflow:hidden;padding:.6% .4rem;border-radius:999px;background:linear-gradient(90deg,#2dcab3,#43d7bf);color:#fff;font-size:clamp(.28rem,.82vw,.7rem);font-weight:800;text-align:center;text-overflow:ellipsis;white-space:nowrap}.preview-thumbnail{position:absolute;top:12%;bottom:12%;left:72.2%;display:grid;width:18%;place-items:center;overflow:hidden;border:clamp(1px,.22vw,3px) solid #0b6670;border-radius:.5rem;background:#fff;color:#7c9591;font-size:clamp(.3rem,.9vw,.72rem);font-weight:700}.preview-thumbnail img{width:100%;height:100%;object-fit:cover}.editor-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem clamp(1rem,3vw,1.8rem);border-top:1px solid var(--line);background:#f7fbfaeb}.action-group{display:flex;gap:.65rem;margin-left:auto}.confirm-dialog{width:min(calc(100% - 2rem),27rem);padding:0;border:0;border-radius:1.3rem;background:#fff;color:#294d4b;box-shadow:0 28px 90px #08353257}.confirm-dialog::backdrop{background:#032b26ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.confirm-dialog>div{display:grid;justify-items:center;gap:.85rem;padding:2rem;text-align:center}.confirm-icon{display:grid;width:3rem;height:3rem;place-items:center;border-radius:50%;background:#ffeded;color:#bd3030;font-size:1.35rem;font-weight:900}.confirm-dialog h2,.confirm-dialog p{margin:0}.confirm-dialog h2{color:#173f40;font-size:1.4rem}.confirm-dialog p{color:#6c817e;line-height:1.5}.confirm-actions{display:flex;gap:.65rem;margin-top:.4rem}.toast-region{position:fixed;z-index:200;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));display:grid;width:min(calc(100% - 2rem),24rem);gap:.65rem;pointer-events:none}.toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.85rem .9rem;border:1px solid #d1e8e1;border-radius:.9rem;background:#fffffffa;color:#315552;font-size:.84rem;font-weight:700;box-shadow:0 16px 45px #05404433;animation:toast-in .22s ease-out;pointer-events:auto}.toast.error{border-color:#f3cecc;color:#922e2e}.toast-icon{display:grid;width:1.7rem;height:1.7rem;place-items:center;border-radius:50%;background:#dcf7e8;color:#08734f}.toast.error .toast-icon{background:#ffebeb;color:#b52d2d}.toast button{border:0;background:transparent;color:inherit;font-size:1.25rem}@keyframes toast-in{0%{opacity:0;transform:translateY(.7rem)}}@media(max-width:1023px){.sidebar{transform:translate(-105%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.workspace{margin-left:0}.menu-button{display:grid}.form-layout{grid-template-columns:1fr}.media-section{grid-template-columns:repeat(3,minmax(0,1fr))}.media-section legend,.media-section>.section-help{grid-column:1 / -1}.media-field{padding:0 0 0 1rem;border-top:0;border-left:1px solid #e0ece9}.media-field:first-of-type{padding-left:0;border-left:0}}@media(max-width:720px){.topbar{min-height:4.7rem}.topbar .primary-button{padding-inline:.85rem;font-size:.8rem}.dashboard{padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}.list-panel,.editor-panel{border-radius:1rem}.list-tools,.two-columns{grid-template-columns:1fr}.advice-row{grid-template-columns:4.2rem minmax(0,1fr);gap:.8rem}.row-thumbnail{width:4.2rem}.row-actions{grid-column:1 / -1;justify-content:flex-end;padding-left:5rem}.media-section{grid-template-columns:1fr}.media-section legend,.media-section>.section-help{grid-column:auto}.media-field,.media-field:first-of-type{padding:1rem 0 0;border-top:1px solid #e0ece9;border-left:0}.media-field:first-of-type{padding-top:.2rem;border-top:0}.preview-heading>span{display:none}.editor-actions{align-items:stretch;flex-direction:column-reverse}.editor-actions>.danger-button{width:100%}.action-group{width:100%;margin:0}.action-group>*{flex:1}.banner-preview h4{font-size:clamp(.38rem,3vw,.82rem)}.banner-preview>p{display:-webkit-box;overflow:hidden;font-size:clamp(.25rem,1.65vw,.48rem);-webkit-box-orient:vertical;-webkit-line-clamp:4}.preview-action,.preview-category{font-size:clamp(.24rem,1.45vw,.4rem)}}@media(max-width:430px){.topbar p{display:none}.topbar h1{font-size:1.2rem}.topbar .primary-button{min-height:2.55rem;padding-inline:.7rem}.row-actions{padding-left:0}.auth-card{border-radius:1.35rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
