.ao{--ao-blue:#005eaa;--ao-ink:#19334f;max-width:1500px;margin:auto;color:var(--ao-ink)}.ao-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border:1px solid #d2e2f1;border-radius:18px;background:linear-gradient(115deg,#e8f3ff,#f6faff);margin-bottom:18px}.ao-head h1{font-size:30px;margin:7px 0}.ao-head p{margin:0;color:#486781}.ao-nav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px;border-bottom:1px solid #d7e4ef;padding-bottom:10px}.ao-nav button{border:0;background:transparent;padding:12px 15px;border-radius:10px;color:#3c5973;font-weight:700;cursor:pointer}.ao-nav button.active{background:#005eaa;color:#fff}.ao-nav button:focus-visible,.ao-kpis button:focus-visible{outline:3px solid #70b5f7;outline-offset:3px}.ao-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:15px 0}.ao-toolbar .co-field{min-width:170px;margin:0;display:grid;gap:6px;font-size:12px;font-weight:700}.ao-toolbar>.input{flex:1;min-width:220px}.ao-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.ao-kpis button{background:#fff;border:1px solid #d1e1ed;border-radius:14px;padding:20px;text-align:left;cursor:pointer;display:grid;gap:8px;color:var(--ao-ink)}.ao-kpis b{font-size:32px;color:var(--ao-blue)}.ao-kpis span{font-size:12px;font-weight:700}.ao-section{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:26px 0 14px;flex-wrap:wrap}.ao-section h2,.ao h2.ao-section{font-size:17px;margin:0}.ao h2.ao-section{margin:26px 0 14px}.ao-section>div{display:flex;gap:8px;flex-wrap:wrap}.ao-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.ao-card{border:1px solid #d4e2ed;border-left:4px solid #318bd0;background:#fff;border-radius:13px;padding:18px;min-width:0}.ao-card h3{font-size:17px;line-height:1.4;margin:16px 0;overflow-wrap:anywhere}.ao-card p{font-size:13px;color:#486781}.ao-card .btn{margin-right:7px;margin-top:15px}.ao-late{border-left-color:#c64b4b}.ao-card-top,.ao-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;flex-wrap:wrap}.ao-badge{display:inline-flex;padding:5px 9px;border-radius:7px;background:#e8f2ff;color:#135e9a;font-size:11px;font-weight:700}.ao-done{background:#e2ebf5;color:#324e71}.ao-delivery{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#eef5fc;border:1px solid #c7dced;border-radius:14px;padding:20px;margin:20px 0}.ao-delivery h3{font-size:16px;margin:8px 0 12px}.ao-delivery p{margin-bottom:0}.ao-empty{border:1px dashed #bcd1e2;border-radius:13px;padding:26px;text-align:center;color:#526d83;background:#f6f9fc;grid-column:1/-1;font-size:13px}.ao-pages{display:flex;align-items:center;justify-content:center;gap:15px;padding:22px;font-size:12px}.ao-error{background:#fff0ef;color:#9b3835;padding:14px;border-radius:10px}.ao-history{padding:15px 0;border-bottom:1px solid #d7e3ee}.ao table td{vertical-align:top;overflow-wrap:anywhere}.ao table th{white-space:nowrap}#adm-form{display:grid;gap:14px}#adm-error{color:#a93434}.ao-modal-list{display:grid;gap:10px}@media(max-width:750px){.ao-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ao-head,.ao-delivery{align-items:flex-start;flex-direction:column}.ao-nav button{flex:1;min-width:140px;font-size:11px}.ao-head{padding:18px}.ao-grid{grid-template-columns:1fr}.ao-pages{flex-wrap:wrap}}

.ao .ao-head{padding:20px 0;background:none;border:0;border-radius:0;margin-bottom:12px}
.ao .ao-head h1{font-size:26px;color:#002e6e;margin:0 0 8px}
.ao .ao-head p{max-width:65ch;color:#405a6c;font-size:14px;line-height:1.6}
.ao .ao-nav{gap:4px;margin-bottom:20px;padding-bottom:0}
.ao .ao-nav button{border-radius:6px 6px 0 0;font-size:12px;min-height:44px}
.ao .ao-nav button.active{background:#034ea2}
.ao .ao-toolbar{margin:0 0 24px}
.ao .ao-toolbar input{min-height:42px;box-sizing:border-box}
.ao-date-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}
.ao-date-intro h2{margin:0 0 6px;color:#002e6e;font-size:21px}
.ao-date-intro p{margin:0;font-size:13px;line-height:1.6;color:#405a6c}
.ao-date-exports{display:flex;gap:8px;flex-wrap:wrap}
.ao-date-exports .btn{min-height:40px;margin:0}
.ao-date-types{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 18px;border-bottom:1px solid #d5e2ed}
.ao-date-types button{min-height:44px;padding:10px 18px;border:1px solid #b5cce1;border-radius:7px;background:#fff;color:#034ea2;cursor:pointer;font:600 13px/1.4 Montserrat,Arial,sans-serif}
.ao-date-types button.active{border-color:#034ea2;background:#e8f2ff;color:#002e6e}
.ao-date-types button:focus-visible{outline:3px solid #00b1c5;outline-offset:3px}
.ao .ao-section{margin:20px 0 12px}
.ao .ao-section>span{color:#405a6c;font-size:12px}
.ao .table-wrap{border:1px solid #d5e2ed;border-radius:10px;overflow:auto;scrollbar-color:#91aab9 #edf2f7}
.ao table{width:100%;border-collapse:collapse}
.ao table th{padding:14px;background:#eaf2f7;color:#002e6e;font-size:11px;text-align:left}
.ao table td{padding:16px 14px;border-bottom:1px solid #dce5eb;vertical-align:middle;font-size:12px;line-height:1.6}
.ao table td small{display:block;color:#405a6c}
.ao table tr:last-child td{border-bottom:0}
.ao-birthday-date{display:inline-block;padding:6px 10px;border-radius:6px;background:#e8f2ff;color:#034ea2;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ao .ao-card{border-left-width:1px}
@media(max-width:750px){.ao-date-intro{align-items:flex-start;flex-direction:column}.ao-date-types button{flex:1;min-width:130px}.ao .ao-dates-table table{min-width:760px}.ao .ao-nav button{min-width:130px}}