.calendar-month-tabs{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin:14px 0}.calendar-month-tabs a{background:#fff;border:1px solid #d9e2e6;border-radius:8px;padding:9px 4px;text-align:center;font-size:10px;font-weight:850}.calendar-month-tabs a.active{background:#0b2230;color:#fff;border-color:#0b2230}.calendar-admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.calendar-admin-head h2{margin:0}.calendar-table select,.calendar-table input{width:100%;min-width:160px;padding:9px;border:1px solid #ccd8de;border-radius:7px;background:#fff}.calendar-page{background:#f2f6f7;min-height:75vh;padding:25px 0 60px}.calendar-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#0b2230;color:#fff;border-radius:16px;padding:25px}.calendar-hero>div>span{font-size:10px;font-weight:900;color:#a2cc31;letter-spacing:.08em}.calendar-hero h1{font-size:38px;margin:5px 0}.calendar-hero p{color:#becbd1;margin:0}.calendar-weather{min-width:180px;background:#ffffff10;border:1px solid #ffffff22;border-radius:13px;padding:15px;text-align:center}.calendar-weather small,.calendar-weather span{display:block}.calendar-weather b{display:block;font-size:31px;color:#a2cc31}.calendar-filter{display:grid;grid-template-columns:190px 1fr auto;gap:9px;margin:14px 0}.calendar-filter label{font-size:10px;font-weight:850;color:#687981}.calendar-filter input,.calendar-filter select,.calendar-filter button{display:block;width:100%;padding:11px;border:1px solid #cdd9de;border-radius:8px;background:#fff;margin-top:4px}.calendar-filter button{margin-top:14px;background:#98c52a;border:0;font-weight:900}.calendar-explain,.calendar-legal{background:#fff5df;border:1px solid #efd8aa;border-radius:10px;padding:12px;font-size:11px;color:#735918;margin-bottom:14px}.calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.calendar-fish-card{background:#fff;border:1px solid #dce5e8;border-radius:13px;overflow:hidden}.calendar-fish-card.banned{border-top:4px solid #c94b4b}.calendar-fish-card>img{width:100%;height:170px;object-fit:cover}.calendar-card-body{padding:15px}.calendar-card-top{display:flex;justify-content:space-between;gap:10px}.calendar-card-top small,.calendar-baits>small{font-size:9px;font-weight:900;color:#75848b;display:block}.activity-dots{display:flex;gap:4px;margin:5px 0}.activity-dots i{display:block;width:13px;height:7px;border-radius:5px;background:#e1e7e9}.activity-dots i.on{background:#8cb31f}.calendar-card-top span{font-size:10px;color:#5d6d75}.calendar-score{text-align:right}.calendar-score b{font-size:20px;color:#63830f;display:block}.calendar-score small{font-size:8px}.calendar-fish-card h2{font-size:22px;margin:10px 0 7px}.calendar-note{font-size:12px;color:#60717a;min-height:35px}.calendar-ban,.calendar-limit,.calendar-ok{padding:8px;border-radius:8px;font-size:10px;font-weight:800;margin:9px 0}.calendar-ban{background:#ffe6e6;color:#9e2d2d}.calendar-limit{background:#fff1d7;color:#8d6010}.calendar-ok{background:#eef6df;color:#58750f}.calendar-baits{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.calendar-baits>small{width:100%}.calendar-baits a{background:#f0f4f5;border-radius:999px;padding:5px 7px;font-size:9px;font-weight:800}.calendar-links{display:flex;justify-content:space-between;border-top:1px solid #edf1f3;padding-top:10px;margin-top:10px}.calendar-links a{font-size:10px;font-weight:850;color:#617f13}.calendar-empty{grid-column:1/-1;background:#fff;padding:30px;border-radius:12px;text-align:center;color:#718087}.calendar-legal{margin-top:14px}
@media(max-width:900px){.calendar-month-tabs{grid-template-columns:repeat(6,1fr)}.calendar-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.calendar-month-tabs{grid-template-columns:repeat(4,1fr)}.calendar-hero{display:block}.calendar-hero h1{font-size:29px}.calendar-weather{margin-top:14px}.calendar-filter{grid-template-columns:1fr}.calendar-filter button{margin-top:0}.calendar-grid{grid-template-columns:1fr}.calendar-fish-card{display:grid;grid-template-columns:110px 1fr}.calendar-fish-card>img{width:110px;height:100%;min-height:200px}.calendar-card-body{padding:12px}.calendar-links{gap:10px;flex-wrap:wrap}}