.trend-center{display:grid;gap:18px}
.trend-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:24px;border-radius:22px;background:linear-gradient(130deg,#153f3a,#176b60 55%,#d89a29);color:#fff}
.trend-hero h1{margin:5px 0 8px;font-size:28px}.trend-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.78);line-height:1.65}
.trend-hero-actions{display:flex;flex-wrap:wrap;gap:10px}.trend-hero .primary-button{background:#fff;color:#176b60}.trend-hero .quiet-button{border-color:rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.1)}
.trend-metrics{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px}
.trend-metric{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.trend-metric b,.trend-metric span{display:block}.trend-metric b{font-size:26px}.trend-metric span{margin-top:4px;color:var(--muted);font-size:12px}
.trend-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff}
.trend-filters{display:flex;flex-wrap:wrap;gap:8px}.trend-filters select{min-width:150px}
.trend-list{display:grid;gap:12px}.trend-candidate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}
.trend-candidate h3{margin:6px 0}.trend-candidate p{margin:5px 0;color:var(--muted);line-height:1.55;word-break:break-all}
.trend-tags,.trend-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.trend-tag{padding:5px 9px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:11px}
.trend-tag.warning{background:#fff0dd;color:#aa6817}.trend-tag.success{background:#e8f6ee;color:#197344}
.trend-card-actions{justify-content:flex-end;align-content:center;max-width:300px}
.trend-import-form{display:grid;gap:14px}.trend-import-form textarea{min-height:150px}.trend-import-note{padding:12px;border-radius:12px;background:#fff8e7;color:#785916;font-size:12px;line-height:1.6}
.trend-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trend-upload-grid .wide{grid-column:1/-1}
.trend-platform{font-weight:700;text-transform:uppercase;color:var(--green)}
@media(max-width:1000px){.trend-metrics{grid-template-columns:repeat(2,1fr)}.trend-hero{align-items:flex-start;flex-direction:column}.trend-candidate{grid-template-columns:1fr}.trend-card-actions{justify-content:flex-start;max-width:none}}
@media(max-width:620px){.trend-metrics,.trend-upload-grid{grid-template-columns:1fr}.trend-upload-grid .wide{grid-column:auto}.trend-toolbar{align-items:stretch;flex-direction:column}}
.continuous-learning-panel{display:grid;gap:18px;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fbfdfc,#f4f8f6)}
.learning-head,.learning-title,.learning-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.learning-head h2,.learning-title h3{margin:4px 0 6px}.learning-head p{max-width:800px;margin:0;color:var(--muted);line-height:1.65}.learning-actions,.learning-card-actions,.learning-tags{display:flex;gap:8px;flex-wrap:wrap}
.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.learning-column{display:grid;align-content:start;gap:10px}.learning-title{align-items:center}.learning-title h3{font-size:16px}.learning-title span{color:var(--muted);font-size:12px}
.learning-card{padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}.learning-card h4{margin:7px 0}.learning-card p{margin:4px 0;color:var(--muted);line-height:1.55}.learning-card small{color:#586661}.learning-tags span{padding:4px 8px;border-radius:999px;background:#eef5f2;color:#176b60;font-size:11px}.learning-tags .ok{background:#e7f6eb;color:#18713f}.learning-tags .muted{background:#f1f1ef;color:#767672}.learning-error,.learning-warning{margin-top:8px;padding:8px 10px;border-radius:9px;font-size:11px}.learning-error{background:#fff0ef;color:#a23e34}.learning-warning{background:#fff7df;color:#8d6615}
@media(max-width:1050px){.learning-grid{grid-template-columns:1fr}.learning-head{flex-direction:column}.learning-card{flex-direction:column}}