*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#0e2824;color:#f4eedf;font-family:Garamond,'EB Garamond',Georgia,serif;font-size:18px;background-image:linear-gradient(135deg,#122f2ae6,#091f1ceb)}.admin{max-width:1080px;margin:auto;padding:28px 22px 60px}a{color:inherit}.brand{display:flex;align-items:center;flex-wrap:wrap;gap:18px;border-bottom:1px solid #dac99c66;padding-bottom:20px}.brand img{width:140px}.brand h1{font-size:30px;font-weight:400;margin-left:auto}.brand a{text-decoration:none;font-size:16px}h2,h3{font-weight:400}button,.file-button,select,input,textarea{font:inherit}button,.file-button{border:1px solid #bba776;background:#ede3cb;color:#1d3029;padding:11px 20px;border-radius:8px;cursor:pointer;min-height:44px}button:hover,.file-button:hover{background:#fff4db}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,#dropzone:focus-visible{outline:3px solid #cbb06e;outline-offset:3px}label{display:grid;gap:7px;margin:16px 0}input,textarea,select{width:100%;padding:11px 13px;border-radius:7px;color:#1b3029;background:#faf5e8;border:1px solid #b7a878;min-height:46px}textarea{resize:vertical}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#17342c 50%),linear-gradient(135deg,#17342c 50%,transparent 50%);background-position:calc(100% - 19px) 20px,calc(100% - 13px) 20px;background-size:6px 6px;background-repeat:no-repeat;padding-right:35px}#login-panel{max-width:430px;margin:45px auto;background:#173c33;padding:28px;border:1px solid #b9a87580;border-radius:14px}#message{min-height:28px;white-space:pre-line}#message.error,#editor-error,#delete-error{color:#ffcfb3}.tabs{display:flex;gap:12px;flex-wrap:wrap}.tabs button{background:transparent;color:#f4eedf}.tabs button[aria-pressed=true]{background:#d9cba9;color:#193d32}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar h2{margin-right:auto}#items{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:16px}.item{border:1px solid #b7a77770;background:#183f34;border-radius:12px;overflow:hidden;padding:16px}.item img{width:100%;height:190px;object-fit:contain;background:#0d2620}.item h3{margin:14px 0 8px;font-size:23px}.item p{font-size:16px;line-height:1.5;white-space:pre-line}.actions{display:flex;gap:10px;flex-wrap:wrap}.danger{background:#d8b6a1;color:#522017}.item .actions button{font-size:16px;padding:9px 15px}dialog{color:#f4eedf;background:#173b31;border:1px solid #c9b581;border-radius:14px;padding:24px;width:min(660px,calc(100% - 24px));max-height:calc(100svh - 24px);overflow:auto;box-shadow:0 25px 70px #0009}dialog::backdrop{background:#051a13bd;backdrop-filter:blur(4px)}dialog header,dialog footer{display:flex;align-items:center;gap:12px;justify-content:space-between}dialog header h2{margin:0}dialog header button{background:transparent;color:#f4eedf;border:0;font-size:28px}.hint{font-size:15px;color:#d8d0ba}#preview{max-width:100%;max-height:250px;object-fit:contain;margin-bottom:15px}#dropzone{border:1px dashed #bdab79;border-radius:9px;padding:23px;text-align:center;font-size:16px}#dropzone.dragover{background:#315345}#dropzone .file-button{display:inline-block;margin:12px auto}#image-file{position:absolute;width:1px;height:1px;opacity:0;padding:0;min-height:0}#dropzone small{display:block;color:#d8d0ba}dialog footer{margin-top:24px}#archive{display:grid;gap:12px;margin-top:24px}#archive .item{display:flex;gap:20px;align-items:center;justify-content:space-between}[hidden]{display:none!important}@media(max-width:540px){.admin{padding:16px 14px 40px}.brand img{width:105px}.brand h1{width:100%;margin:0;font-size:26px}.toolbar button{padding:9px 14px}dialog{padding:18px}.tabs{gap:8px}.tabs button{padding:10px 12px}#archive .item{flex-wrap:wrap}}

.date-field{margin:16px 0}.date-field>label{margin:0 0 7px}.date-entry{display:flex;align-items:stretch;gap:9px}.date-entry input{min-width:0;flex:1}.date-entry button{flex:none;background:transparent;color:#f4eedf;border-color:#c9b58199;white-space:nowrap;padding:10px 14px}.date-entry button:hover,.date-entry button[aria-expanded=true]{background:#d9cba9;color:#193d32}.date-entry button span{font-size:22px;vertical-align:middle;margin-right:5px}.date-field>.hint{margin:9px 0 0;line-height:1.45}.date-calendar{max-width:400px;margin-top:14px;padding:16px;background:#102c25;border:1px solid #c9b58199;border-radius:12px;box-shadow:0 12px 25px #061b164d}.calendar-heading{display:flex;gap:10px;align-items:center;justify-content:space-between}.calendar-heading strong{font-weight:400;font-size:21px;text-align:center}.calendar-heading button{background:transparent;color:#f4eedf;padding:4px 14px;font-size:28px;border-color:#c9b58170}.calendar-year{display:flex;align-items:center;gap:10px;margin:12px 0 16px}.calendar-year label{margin:0}.calendar-year input{width:90px;min-width:0;text-align:center;padding:8px}.calendar-year button{margin-left:auto;padding:8px 12px;font-size:16px}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-week{text-align:center;color:#cfbd92;font-size:15px;margin:0 0 7px}.calendar-days button{border:1px solid transparent;border-radius:7px;background:transparent;color:#f4eedf;padding:4px;min-height:44px;min-width:0}.calendar-days button:hover{background:#365747;border-color:#c9b58166}.calendar-days button[aria-current=date]{border-color:#c9b58199}.calendar-days button[aria-pressed=true]{background:#e0cfa3;color:#193d32;border-color:#e0cfa3}.calendar-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.calendar-actions button{background:transparent;color:#f4eedf;border-color:#c9b58170;padding:8px 12px;font-size:16px}.calendar-actions button:last-child{margin-left:auto}#date-year-error{font-size:15px;color:#ffcfb3;margin:0 0 12px}@media(max-width:400px){.date-entry{flex-wrap:wrap}.date-entry input{flex-basis:100%}.date-entry button{width:100%}.date-calendar{padding:12px}.calendar-year{gap:8px}.calendar-year input{width:72px}.calendar-days{gap:2px}.calendar-days button{min-height:44px}.calendar-actions{gap:5px}.calendar-actions button{padding:8px 9px}}
