.fr3{display:grid;gap:16px}
.fr3-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.fr3-head>div:first-child>span{display:block;color:#2f6fb7;font-size:11px;font-weight:900;letter-spacing:.12em}.fr3-head h1{margin:4px 0 3px;font-size:28px;color:#152e4e}.fr3-head p{margin:0;color:#68778c}.fr3-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fr3-tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid #dfe7f1}.fr3-tabs button{border:0;background:transparent;padding:11px 13px;color:#65758a;font-weight:850;border-bottom:3px solid transparent;white-space:nowrap}.fr3-tabs button.active{color:#1d4ed8;border-bottom-color:#2563eb}
.fr3-hero{background:linear-gradient(135deg,#10243e,#214d7e);color:#fff;border-radius:18px;padding:22px 24px;box-shadow:0 12px 34px rgba(19,43,77,.08);display:flex;justify-content:space-between;align-items:center;gap:18px}.fr3-hero>div>span{display:block;color:#9bc1e9;font-size:10px;letter-spacing:.13em;font-weight:900}.fr3-hero h2{margin:4px 0 6px;font-size:28px}.fr3-hero p{margin:0;color:#d5e1ed}
.fr3-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fr3-kpis>div{background:#fff;border:1px solid #dde6f0;border-radius:14px;padding:14px;box-shadow:0 8px 24px rgba(19,43,77,.045)}.fr3-kpis span{display:block;color:#718096;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.fr3-kpis b{display:block;font-size:21px;margin-top:4px}.fr3-kpis small{display:block;color:#68778c;margin-top:2px}
.fr3-card{background:#fff;border:1px solid #dde6f0;border-radius:16px;box-shadow:0 12px 34px rgba(19,43,77,.06)}.fr3-pad{padding:17px}.fr3-tablewrap{overflow:auto}.fr3 table{width:100%;border-collapse:collapse;min-width:920px}.fr3 th{text-align:left;padding:10px 13px;background:#f8fafc;border-bottom:1px solid #dde6f0;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#718096}.fr3 td{padding:13px;border-bottom:1px solid #edf1f5;vertical-align:top}.fr3 td small{display:block;color:#68778c;margin-top:3px}
.fr3-empty{padding:28px;text-align:center;color:#68778c}.fr3-status{display:inline-flex;border-radius:999px;padding:5px 9px;border:1px solid;font-size:11px;font-weight:900}.fr3-status.routing{background:#fff7e8;color:#9a5a00;border-color:#fed7aa}.fr3-status.ready{background:#eafaf3;color:#08714f;border-color:#afead3}
.fr3-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:14px;align-items:start}.fr3-stack{display:grid;gap:14px}.fr3-sticky{position:sticky;top:18px}.fr3-source{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #cfe0ff;background:#f3f7ff;border-radius:12px;padding:11px}.fr3-source b{color:#0f4fbd}.fr3-source small{display:block;color:#68778c;margin-top:2px}.fr3-sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.fr3-sectionhead h3{margin:0;font-size:17px}.fr3-sectionhead p{margin:3px 0 0;color:#68778c;font-size:12px}
.fr3-route-list{display:grid;gap:9px}.fr3-route-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #dde6f0;border-radius:12px;padding:11px}.fr3-route-line h4{margin:0}.fr3-route-line p{margin:3px 0 0;color:#68778c;font-size:12px}
.fr3-badge{display:inline-flex;border-radius:999px;padding:5px 9px;border:1px solid;font-size:11px;font-weight:900}.fr3-badge.NONE{background:#f8fafc;color:#475569;border-color:#d7e0ea}.fr3-badge.SIMPLE{background:#eef5ff;color:#1d4ed8;border-color:#bfd6fb}.fr3-badge.COMPLEX{background:#f2f0ff;color:#5846b3;border-color:#d8d0ff}.fr3-badge.UNASSIGNED{background:#fff7e8;color:#9a5a00;border-color:#fed7aa}
.fr3-muted{color:#68778c}.fr3-summary{display:grid;grid-template-columns:1fr auto;gap:10px;padding:8px 0;border-bottom:1px solid #edf1f5}.fr3-summary span{color:#64748b}.fr3-notice{margin-top:12px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:11px;padding:10px 11px;font-size:12px}
.fr3-product{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:start;border:1px solid #dde6f0;border-radius:13px;padding:12px;margin-top:9px;background:#fff}.fr3-product>input{width:18px;height:18px;margin-top:4px}.fr3-product h4{margin:0;font-size:15px}.fr3-product p{margin:3px 0;color:#68778c;font-size:12px}.fr3-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.fr3-meta span{border:1px solid #e4eaf1;background:#f8fafc;border-radius:999px;padding:4px 7px;font-size:10px;color:#53667c}
.fr3-routecards{display:grid;gap:10px}.fr3-routecard{border:1px solid #dde6f0;border-radius:14px;padding:14px;background:#fff}.fr3-routecard.none{border-left:5px solid #64748b}.fr3-routecard.simple{border-left:5px solid #1769e0}.fr3-routecard.complex{border-left:5px solid #6554c0}.fr3-routecard h3{margin:0;font-size:16px}.fr3-routecard p{margin:5px 0;color:#68778c;font-size:12px}.fr3-routecard ul{margin:8px 0;padding-left:18px;color:#53667c;font-size:11px}.fr3-routecard .btn{width:100%;margin-top:7px}.fr3-router-summary{margin-top:12px}.fr3 .full{width:100%;margin-top:10px}
.fr3-good{margin-top:12px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:12px;padding:11px}.fr3-next{border:1px dashed #aac6ed;background:#f7fbff;border-radius:13px;padding:13px;margin-top:12px}.fr3-next h4{margin:0 0 4px}.fr3-next p{margin:0;color:#5f7188;font-size:12px}.fr3-route-page{max-width:1080px;margin:0 auto}
@media(max-width:1100px){.fr3-kpis{grid-template-columns:repeat(2,1fr)}.fr3-layout{grid-template-columns:1fr}.fr3-sticky{position:static}}
@media(max-width:760px){.fr3-head,.fr3-hero,.fr3-sectionhead,.fr3-source{align-items:flex-start;flex-direction:column}.fr3-kpis{grid-template-columns:1fr}.fr3-product{grid-template-columns:auto 1fr}.fr3-product>:last-child{grid-column:2}.fr3-route-line{grid-template-columns:1fr}}