@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{color:#0f172a;background:linear-gradient(135deg,#f6f8fd 0%,#f1f5f9 100%)}html,body,#root{height:100%}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.page-container{flex:1;width:100%;max-width:1250px;margin:0 auto;padding:40px 50px}.navbar{-webkit-backdrop-filter:blur(15px);z-index:100;background:#ffffffb3;border-bottom:1px solid #ffffff4d;justify-content:space-between;align-items:center;padding:18px 50px;display:flex;position:sticky;top:0;box-shadow:0 4px 30px #0000000d}.nav-logo{color:#1e293b;letter-spacing:-.5px;font-size:24px;font-weight:800;text-decoration:none}.nav-logo span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:#475569;font-weight:600;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#3b82f6;transform:translateY(-2px)}.btn-primary{cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:12px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;box-shadow:0 4px 14px #3b82f663;color:#fff!important}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #3b82f680}.btn-report{color:#dc2626;cursor:pointer;letter-spacing:.5px;background:#fee2e2;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s}.btn-report:hover{color:#fff;background:#dc2626;box-shadow:0 4px 10px #dc262633}.card{background:#ffffffe6;border:1px solid #fffc;border-radius:20px;width:320px;padding:26px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 10px 25px -5px #0000000d}.card:hover{border:1px solid #3b82f633;transform:translateY(-8px);box-shadow:0 20px 40px -5px #3b82f626}.badge{color:#475569;background:#f1f5f9;border-radius:30px;margin-bottom:15px;margin-right:10px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.badge-sem{color:#4338ca;background:#e0e7ff}.badge-type{color:#15803d;background:#dcfce7}.card-desc{color:#64748b;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:15px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.custom-input,.custom-select{color:#0f172a;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:14px 16px;font-size:14px;transition:all .3s}.custom-input:focus,.custom-select:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.custom-select{appearance:none;cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23475569%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 15px top 50%;background-repeat:no-repeat;background-size:12px}textarea.custom-input{resize:vertical;min-height:80px}.form-container{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-row{gap:20px;display:flex}.footer{text-align:center;color:#64748b;border-top:1px solid #0000000d;width:100%;margin-top:auto;padding:20px;font-size:14px}@media (width<=768px){.navbar{flex-direction:column;gap:15px;padding:15px 20px}.page-container{padding:20px 15px}.form-row{flex-direction:column;gap:24px}.card{width:100%;max-width:100%}}