body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-box{background:#fff;padding:40px;border-radius:20px;width:100%;max-width:400px;box-shadow:0 20px 60px #0003;text-align:center}.auth-logo{font-size:50px;margin-bottom:10px}.title{font-size:24px;color:#667eea;margin-bottom:20px}.tabs{display:flex;margin-bottom:20px;border-radius:10px;overflow:hidden}.tabs button{flex:1;padding:12px;border:none;background:#f0f0ff;color:#667eea;cursor:pointer;font-size:14px}.tabs button.active{background:#667eea;color:#fff}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form input{padding:12px;border:2px solid #e0e0ff;border-radius:10px;font-size:14px}.auth-form input:focus{outline:none;border-color:#667eea}.auth-form button{padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:14px;cursor:pointer;font-weight:600}.error{color:#e74c3c;font-size:13px}.success{color:#27ae60;font-size:13px}.main-content{min-height:100vh}.header{background:#fffffff2;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 20px #0000001a;position:sticky;top:0;z-index:100}.header-title{font-size:20px;color:#667eea;font-weight:600}.header-nav{display:flex;gap:10px}.header-nav button{padding:8px 16px;border:none;background:transparent;color:#667eea;cursor:pointer;border-radius:8px;font-size:14px}.header-nav button.active{background:#667eea;color:#fff}.user-info{display:flex;gap:10px;align-items:center}.logout-btn{padding:8px 16px;background:#764ba2;color:#fff;border:none;border-radius:8px;cursor:pointer}.reports-container{max-width:1200px;margin:0 auto;padding:30px 20px}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.report-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s;box-shadow:0 8px 30px #0000001a}.report-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #667eea4d}.report-cover{height:180px;overflow:hidden}.report-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.report-card:hover .report-cover img{transform:scale(1.1)}.report-cover-placeholder{height:100%;display:flex;align-items:center;justify-content:center;font-size:60px;background:linear-gradient(135deg,#ffecd2,#fcb69f)}.report-info{padding:15px}.report-info h3{font-size:16px;color:#333;margin-bottom:8px}.report-info p{font-size:13px;color:#666;margin-bottom:10px}.report-tags{display:flex;gap:6px}.tag{background:#f0f0ff;color:#667eea;padding:4px 8px;border-radius:6px;font-size:12px}.waterfall-container{max-width:1400px;margin:0 auto;padding:30px 20px}.waterfall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.waterfall-card{background:#fff;border-radius:12px;overflow:hidden}.waterfall-card img{width:100%;height:200px;object-fit:cover}.waterfall-info{padding:12px}.waterfall-info h4{font-size:14px;color:#333}.waterfall-info p{font-size:12px;color:#666}.report-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.report-detail{background:#fff;border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.close-btn{position:absolute;top:15px;right:15px;width:36px;height:36px;border-radius:50%;background:#fff;border:none;font-size:24px;cursor:pointer;z-index:10;box-shadow:0 2px 10px #0003}.report-content{padding:30px}.report-content h2{font-size:24px;color:#333;margin-bottom:10px}.report-author{font-size:13px;color:#666;margin-bottom:20px}.report-section{margin-bottom:30px}.report-section h3{font-size:18px;color:#667eea;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #f0f0ff}.markdown-content{line-height:1.8;color:#333}.markdown-content h1{font-size:22px;margin:15px 0}.markdown-content h2{font-size:18px;margin:12px 0}.markdown-content h3{font-size:16px;margin:10px 0}.markdown-content strong{color:#667eea}.markdown-content table{width:100%;border-collapse:collapse;margin:15px 0}.markdown-content th,.markdown-content td{border:1px solid #e0e0ff;padding:10px;text-align:left}.markdown-content th{background:#f0f0ff;color:#667eea}.markdown-content li{margin:5px 0 5px 20px}.chart-container{padding:20px;display:flex;justify-content:center}.pie-chart{display:flex;gap:20px;align-items:center}.pie-slice{animation:pieSlice .5s ease forwards;opacity:0}@keyframes pieSlice{to{opacity:1}}.pie-legend{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;gap:8px;align-items:center}.legend-color{width:16px;height:16px;border-radius:4px}.line-chart{text-align:center}.line-path{animation:lineDraw 1s ease forwards;stroke-dasharray:1000;stroke-dashoffset:1000}@keyframes lineDraw{to{stroke-dashoffset:0}}.data-point{animation:pointAppear .3s ease forwards;opacity:0}@keyframes pointAppear{to{opacity:1}}.x-labels{display:flex;justify-content:space-around;padding:10px 50px 0}.bar-chart{padding:15px}.bar-item{display:flex;align-items:center;margin:10px 0}.bar-label{width:80px;font-size:13px}.bar-wrapper{flex:1;background:#f0f0ff;height:24px;border-radius:4px;overflow:hidden}.bar{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;animation:barGrow .5s ease forwards;width:0}@keyframes barGrow{to{width:attr(width)}}.bar-value{color:#fff;font-size:12px;font-weight:600}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border:1px solid #e0e0ff;padding:12px;text-align:left}th{background:#f0f0ff;color:#667eea}.cards-container{display:flex;flex-direction:column;gap:15px}.review-card{background:#f8f8ff;border-radius:12px;padding:15px;display:flex;gap:15px}.review-avatar{font-size:40px}.review-content{flex:1}.review-header{display:flex;gap:8px;margin-bottom:8px;align-items:center}.review-user{font-weight:600;color:#333}.review-role{font-size:12px;color:#666}.review-rating{font-size:14px}.cats-report{padding:30px}.cats-title{font-size:24px;color:#ff7e5f;margin-bottom:20px;text-align:center}.cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.cat-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s;animation:catAppear .5s ease forwards;opacity:0}@keyframes catAppear{to{opacity:1;transform:translateY(0)}}.cat-card:hover{transform:scale(1.05);box-shadow:0 10px 30px #ff7e5f4d}.cat-card img{width:100%;height:180px;object-fit:cover}.cat-card .cat-info{padding:12px;text-align:center}.cat-card .cat-info h3{font-size:16px;color:#333}.cat-card .cat-info p{font-size:12px;color:#ff7e5f}.loading-cats{text-align:center;padding:20px;color:#ff7e5f}.cat-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.cat-detail-box{background:#fff;border-radius:20px;max-width:500px;width:100%;position:relative;overflow:hidden}.cat-detail-image{width:100%;height:280px;object-fit:cover}.cat-detail-info{padding:20px}.cat-detail-info h2{font-size:22px;color:#ff7e5f;margin-bottom:15px}.cat-detail-info p{margin:8px 0;color:#333}.cat-desc{color:#666;line-height:1.6;margin:15px 0}.cat-traits{display:flex;gap:8px;margin:15px 0}.trait-tag{background:linear-gradient(135deg,#ff7e5f,#feb47b);color:#fff;padding:6px 12px;border-radius:10px;font-size:12px}.cat-stats{display:flex;gap:20px;padding-top:15px;border-top:1px solid #eee}@media (max-width: 768px){.reports-grid{grid-template-columns:1fr}.cats-grid{grid-template-columns:repeat(2,1fr)}.header{flex-wrap:wrap;gap:10px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#app{width:100%;min-height:100vh}.header{background:#fffffff2;padding:20px;text-align:center;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header h1{color:#667eea;font-size:24px;font-weight:600}.header p{color:#666;font-size:14px;margin-top:8px}.waterfall-container{max-width:1400px;margin:0 auto;padding:20px}.waterfall-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #0000001a;margin-bottom:20px;transition:transform .3s ease,box-shadow .3s ease}.waterfall-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.item-image{width:100%;display:block;object-fit:cover}.item-content{padding:16px}.item-title{font-size:16px;font-weight:600;color:#333;margin-bottom:8px;line-height:1.4}.item-desc{font-size:14px;color:#666;line-height:1.6;margin-bottom:12px}.item-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999}.item-author{display:flex;align-items:center;gap:6px}.avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2)}.item-likes{display:flex;align-items:center;gap:4px}.loading{text-align:center;padding:40px;color:#fff;font-size:16px}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.header h1{font-size:20px}.header p{font-size:12px}.waterfall-container{padding:10px}.item-title{font-size:14px}.item-desc{font-size:13px}}