:root{--color-primary: #0056b3;--color-secondary: #dfff00;--color-accent: #003d80;--color-bg: #f8fafc;--color-text: #1e293b;--color-muted: #64748b;--color-border: #dbe4ee;--color-white: #ffffff;--shadow-soft: 0 18px 48px rgba(0, 61, 128, .12);color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{border:0;border-radius:6px;cursor:pointer;font-weight:800;padding:.75rem 1rem}code{background:#eef5ff;border-radius:4px;color:var(--color-accent);padding:.1rem .25rem}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.05}.auth-shell{align-items:center;display:grid;min-height:100vh;padding:1rem}.auth-panel{background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-soft);margin:0 auto;max-width:30rem;padding:1.5rem;width:100%}.auth-panel h1{margin-bottom:.75rem}.auth-panel p:not(.eyebrow){color:var(--color-muted);line-height:1.5;margin-bottom:1rem}.auth-panel button,.actions button[type=submit]{background:var(--color-primary);color:var(--color-white)}.admin-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#0b3f7d;color:var(--color-white);display:flex;flex-direction:column;gap:2.25rem;min-height:100vh;padding:1.25rem}.sidebar-brand{align-items:center;display:flex;gap:.8rem}.brand-mark{align-items:center;background:var(--color-secondary);border-radius:8px;color:var(--color-primary);display:flex;font-size:1rem;font-weight:900;height:48px;justify-content:center;width:48px}.sidebar-brand p{color:var(--color-white);font-size:.9rem;font-weight:900;letter-spacing:0;margin-bottom:.05rem}.sidebar-brand span{color:#b8cceb;display:block;font-size:.78rem;font-weight:800;text-transform:uppercase}.side-nav{display:grid;gap:.5rem}.side-nav__item{background:#ffffff14;color:var(--color-white);text-align:left;width:100%}.side-nav__item.active,.side-nav__item:hover{background:var(--color-secondary);color:var(--color-primary)}.admin-main{background:#f3f7fb;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0}.admin-banner{align-items:center;background:#0056b3;color:var(--color-white);display:flex;justify-content:space-between;min-height:164px;padding:2rem clamp(1rem,3vw,3rem);position:relative}.admin-banner:after{background:var(--color-secondary);bottom:0;content:"";height:6px;left:0;position:absolute;right:0}.admin-banner h1{font-size:clamp(2.4rem,6vw,5rem);letter-spacing:0;margin:0;text-transform:uppercase}.admin-banner .eyebrow{color:var(--color-secondary)}.logout-button{background:var(--color-secondary);color:var(--color-primary);flex:0 0 auto}.eyebrow{color:var(--color-muted);font-size:.78rem;font-weight:900;letter-spacing:0;margin:0 0 .4rem;text-transform:uppercase}.workspace-main{background:var(--color-white);min-height:0;position:relative}.news-page,.create-page{background:var(--color-white);min-width:0;padding:clamp(1.5rem,3vw,3rem)}.news-page{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.section-heading{align-items:start;border-bottom:1px solid #e6edf5;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.section-heading h2,.page-heading h2{font-size:1.65rem;margin:0}.filter-bar{align-items:end;border-bottom:1px solid #e6edf5;display:grid;gap:1rem;grid-template-columns:repeat(2,260px);margin-bottom:.5rem;padding-bottom:1rem}.filter-bar>label{margin-bottom:0}.filter-bar>label,.filter-bar>.month-year-picker{display:grid;gap:.5rem;width:260px}.filter-bar select,.month-year-trigger{height:46px;padding-bottom:0;padding-top:0}.filter-label{color:#334155;font-weight:800;line-height:1.6;margin-bottom:0}.month-year-picker{position:relative}.month-year-trigger{align-items:center;background:var(--color-white);border:1px solid #cbd5e1;color:var(--color-text);display:flex;justify-content:space-between;width:100%}.month-year-trigger:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0056b324;outline:none}.month-year-menu{background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 18px 44px #003d8029;display:grid;gap:1rem;left:0;padding:1rem;position:absolute;top:calc(100% + .5rem);width:260px;z-index:30}.month-year-menu[hidden]{display:none}.picker-actions{display:flex;gap:.75rem;justify-content:flex-end}.article-count,.status-pill{background:#eef5ff;border-radius:999px;color:var(--color-primary);display:inline-flex;font-size:.78rem;font-weight:900;line-height:1;padding:.45rem .65rem;text-transform:uppercase;white-space:nowrap}.article-list{align-content:start;display:grid;overflow:auto}.news-card{border-bottom:1px solid #e6edf5;border-left:5px solid var(--color-primary);display:grid;gap:1rem;grid-template-columns:112px minmax(0,1fr);padding:1.1rem 1rem 1.1rem 1.15rem;transition:background .2s ease}.news-card--tennis{border-left-color:var(--color-secondary)}.news-card:hover{background:#f8fbff}.news-card__image{aspect-ratio:4 / 3;background:#eef5ff;border:1px solid #dbe4ee;border-radius:6px;object-fit:cover;width:100%}.news-card__image--missing{align-items:center;background:linear-gradient(135deg,#ffffffb8,#fff0 42%),#eef5ff;color:#597088;display:flex;font-size:.75rem;font-weight:900;justify-content:center;letter-spacing:0;text-transform:uppercase}.news-card__content{min-width:0}.news-card__meta{color:var(--color-muted);display:flex;flex-wrap:wrap;font-size:.8rem;font-weight:800;gap:.5rem;margin-bottom:.6rem;text-transform:uppercase}.news-card__meta span:not(:last-child):after{color:#a7b5c5;content:"/";margin-left:.5rem}.news-card h3{font-size:1.12rem;margin-bottom:.5rem}.news-card p{color:var(--color-muted);line-height:1.55;margin-bottom:.85rem}.news-card__actions{display:flex;flex-wrap:wrap;gap:.65rem}.edit-article-button{background:#e8eef6;color:var(--color-primary);font-size:.85rem;padding:.55rem .85rem}.edit-article-button:hover{background:#dbeafe}.delete-article-button{background:#fff1f2;color:#b91c1c;font-size:.85rem;padding:.55rem .85rem}.delete-article-button:hover{background:#ffe4e6}.empty-state{align-self:start;border-left:5px solid var(--color-secondary);padding:1.25rem 0 1.25rem 1.15rem}.empty-state h3{font-size:1.1rem;margin-bottom:.5rem}.empty-state p{color:var(--color-muted);line-height:1.55;margin-bottom:0}.create-fab{align-items:center;background:var(--color-secondary);border:4px solid var(--color-white);border-radius:50%;bottom:2rem;box-shadow:0 16px 36px #003d8033;color:var(--color-primary);display:flex;font-size:2.25rem;font-weight:900;height:68px;justify-content:center;line-height:1;padding:0 0 .15rem;position:fixed;right:2rem;width:68px;z-index:20}.create-fab:hover{background:#ecff4a;transform:translateY(-2px)}.page-heading{align-items:start;border-bottom:1px solid #e6edf5;display:grid;gap:1rem;grid-template-columns:auto minmax(0,1fr);margin-bottom:1.5rem;padding-bottom:1rem}.back-button{background:#e8eef6;color:var(--color-primary)}.create-form-grid{display:grid;gap:clamp(1.5rem,3vw,3rem);grid-template-columns:minmax(0,1fr) minmax(320px,420px)}.publish-panel{border-left:1px solid var(--color-border);padding-left:clamp(1.5rem,3vw,3rem)}.field-row{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.create-page .field-row{grid-template-columns:repeat(2,minmax(0,260px))}.create-page .field-row label{width:260px}.create-page .field-row select,.create-page .field-row input{height:46px;padding-bottom:0;padding-top:0}.locked-field{background:#f8fbff;border:1px solid var(--color-border);border-radius:6px;display:grid;gap:.35rem;min-height:46px;padding:.65rem .75rem;width:260px}.locked-field--stacked{margin-bottom:1rem;width:100%}.locked-field span{color:var(--color-muted);font-size:.78rem;font-weight:900;line-height:1;text-transform:uppercase}.locked-field strong{color:var(--color-text);font-size:.95rem}.current-article-image{aspect-ratio:4 / 3;border:1px solid var(--color-border);border-radius:6px;display:block;margin-bottom:1rem;object-fit:cover;width:100%}label{color:#334155;display:grid;font-weight:800;gap:.5rem;margin-bottom:1rem}input,select,textarea{border:1px solid #cbd5e1;border-radius:6px;color:var(--color-text);padding:.75rem;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0056b324;outline:none}textarea{resize:vertical}.actions{align-items:center;display:flex;gap:.75rem;justify-content:flex-end}button.secondary{background:#e8eef6;color:var(--color-primary)}@media(max-width:980px){.admin-shell{grid-template-columns:1fr}.sidebar{align-items:center;flex-direction:row;min-height:auto;padding:.75rem 1rem}.sidebar-brand>div:last-child{display:none}.side-nav{display:flex;flex:1}.side-nav__item{text-align:center}.create-form-grid{grid-template-columns:1fr}.publish-panel{border-left:0;border-top:1px solid var(--color-border);padding-left:0;padding-top:1.25rem}}@media(max-width:640px){.admin-banner{align-items:flex-start;flex-direction:column;gap:1rem}.logout-button{width:100%}.news-page,.create-page{padding:1.25rem 1rem}.create-fab{bottom:1rem;height:58px;right:1rem;width:58px}.page-heading,.filter-bar{grid-template-columns:1fr}.filter-bar>label,.filter-bar>.month-year-picker,.month-year-menu{width:100%}.news-card{grid-template-columns:1fr}.news-card__image{max-width:180px}.field-row,.actions{grid-template-columns:1fr}.locked-field{width:100%}.actions{align-items:stretch;flex-direction:column}}