*{box-sizing:border-box}body{margin:0;background:#2E3A44;color:#172033;font-family:Arial,Helvetica,sans-serif}.page{max-width:980px;min-height:100vh;margin:auto;padding:24px 32px 40px;background:#fff}.header{display:flex;align-items:center;gap:12px;margin-bottom:25px}.header h1{margin:0;font-size:25px}.search{position:relative;margin-bottom:20px}#filter{width:100%;height:55px;padding:0 45px 0 18px;border:1px solid #d9dde2;border-radius:12px;background:#f8f9fb;font-size:18px}#filter::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}#clear{position:absolute;right:12px;top:9px;border:0;background:none;font-size:27px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 22px}.feature{grid-column:3/span 2;grid-row:1/span 2;min-height:308px;overflow:hidden;border:1px solid #d9dde2;border-radius:18px;background:#f4f7fa}.feature img{display:block;width:100%;height:100%;min-height:308px;object-fit:cover}.tile{min-height:130px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #d9dde2;border-radius:16px;background:#fff;color:#172033;text-decoration:none;text-align:center;font-size:17px;font-weight:600;transition:background .2s,border-color .2s}.tile:hover{background:#f8fbff;border-color:#86b7e5}.tile:focus-visible{outline:3px solid #7ab7f0;outline-offset:2px}.icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--icon-color);color:#fff;font-size:25px}.hidden{display:none!important}@media(max-width:650px){.page{padding:20px 14px 30px}.header h1{font-size:22px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tile{min-height:120px;font-size:16px}.feature{grid-column:1/-1;grid-row:1;min-height:240px}.feature img{min-height:240px;max-height:300px}}
.auth,.admin{max-width:980px;min-height:100vh;margin:auto;padding:28px;background:#fff}.auth{max-width:480px;min-height:auto;margin:8vh auto;padding:28px;border-radius:16px}.auth h1,.admin h1{margin-top:0}.auth form,.form-grid{display:grid;gap:12px}.auth label,.form-grid label,.account-row label{display:grid;gap:6px;font-weight:600}.auth input,.form-grid input,.account-row input{width:100%;padding:11px;border:1px solid #ccd3dc;border-radius:8px;font:inherit}.auth button,.form-grid button,.account-row button,.delete-form button{padding:11px 16px;border:0;border-radius:8px;background:#1769aa;color:#fff;font-weight:700;cursor:pointer}.error{padding:10px;background:#fee2e2;color:#991b1b;border-radius:8px}.success{padding:10px;background:#dcfce7;color:#166534;border-radius:8px}.admin-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.admin-top h1{margin-right:auto}.admin a{color:#1769aa}.panel{margin:22px 0;padding:20px;border:1px solid #d9dde2;border-radius:14px}.panel h2{margin-top:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.form-grid button{width:max-content}.hint{color:#596579}.account-row{display:grid;grid-template-columns:1fr 1fr 100px 2fr auto;gap:10px;align-items:end;margin:15px 0 6px;padding:12px;background:#f7f9fb;border-radius:10px}.delete-form{margin:0 0 16px}.delete-form button.danger{background:#b42318}@media(max-width:700px){.auth,.admin{padding:18px}.form-grid,.account-row{grid-template-columns:1fr}.account-row button{width:max-content}}