*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f8f8fc;color:#292b36}header{height:64px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;padding:0 25px;gap:30px;position:sticky;top:0;z-index:5}header b{font-size:18px;white-space:nowrap}header i{background:#ff694d;color:white;border-radius:9px;padding:7px;font-style:normal}nav{display:flex;gap:22px;flex:1}nav a{color:inherit;text-decoration:none;font-size:14px}button{cursor:pointer;border:1px solid #d7d8df;background:#fff;border-radius:9px;padding:9px 13px}.hero{text-align:center;padding:65px 20px 45px;background:linear-gradient(135deg,#f7f7ff,#fff0eb)}.hero small{font-weight:800;color:#ff694d;letter-spacing:1.5px}.hero h1{font-size:48px;line-height:1.05;margin:15px}.hero strong{color:#ff694d}.hero p{color:#6d6e78}.hero input{width:min(700px,90%);padding:15px 18px;border:1px solid #ddd;border-radius:13px;font-size:15px;margin:10px 0 18px}.hero div{font-size:12px;color:#777}.tabs{display:flex;gap:8px;overflow:auto;padding:20px 24px 10px}.tabs button{white-space:nowrap}.tabs .on{background:#292b36;color:white}.dark{background:#15161c;color:#eee}.dark header,.dark .card,.dark .panel{background:#20222b;border-color:#383a45}.dark .hero{background:#282026}.dark .tabs button{background:#22242d;color:#ddd;border-color:#3a3c47}.dark .hero input{background:#22242d;color:#eee}.dark .modal{background:#000a}main{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:12px 24px 50px}.card{background:white;border:1px solid #dddde5;border-radius:13px;padding:19px;min-height:165px;transition:.15s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0001}.ico{font-size:25px;margin-bottom:12px}.card h3{font-size:15px;margin:0 0 8px}.card p{font-size:11px;color:#777;line-height:1.5}.info{color:#777;font-size:12px}.modal{position:fixed;inset:0;background:#0008;display:flex;align-items:center;justify-content:center;padding:15px;z-index:20}.panel{background:#fff;border-radius:17px;padding:24px;width:min(900px,100%);max-height:92vh;overflow:auto}.head{display:flex;justify-content:space-between}.drop{border:2px dashed #ccd0da;border-radius:13px;padding:35px;text-align:center;margin:18px 0}.controls{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.controls input,.controls select{padding:9px;border:1px solid #ddd;border-radius:8px}.primary{background:#ff694d;color:white;border-color:#ff694d}.status{font-size:13px;color:#666;margin:12px 0}footer{text-align:center;padding:28px;border-top:1px solid #ddd;color:#777;font-size:12px}@media(max-width:1200px){main{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){nav{display:none}.hero h1{font-size:36px}main{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){main{grid-template-columns:1fr}}