.kml-wrap{--kml-accent:#0f6b78; font-family:'Poppins',Arial,sans-serif; width:100%; max-width:1180px; margin:0 auto; padding:34px 18px; color:#18333a}
.kml-wrap *{box-sizing:border-box}
.kml-head{text-align:center; margin:0 0 28px}
.kml-head span{display:inline-flex; align-items:center; gap:8px; padding:7px 16px; border-radius:999px; background:rgba(15,107,120,.1); color:var(--kml-accent); font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase}
.kml-head h2{font-size:clamp(28px,4vw,44px); line-height:1.08; margin:14px 0 10px; color:#0b2f38; font-weight:800}
.kml-head p{font-size:16px; color:#5c7177; margin:0 auto; max-width:690px}
.kml-grid{display:grid; gap:22px}.kml-grid-2{grid-template-columns:1fr 1fr}
.kml-card,.kml-box{background:#fff; border:1px solid rgba(15,107,120,.13); border-radius:26px; box-shadow:0 18px 45px rgba(11,47,56,.08); padding:24px; position:relative; overflow:hidden}
.kml-card:before{content:""; position:absolute; inset:0 0 auto 0; height:5px; background:linear-gradient(90deg,var(--kml-accent),#2fb6c4); opacity:.85}
.kml-card h3{font-size:22px; color:#0b2f38; margin:0 0 18px; font-weight:800}.kml-form{display:flex; flex-direction:column; gap:14px}
.kml-form label{font-size:13px; color:#446067; font-weight:700; display:flex; flex-direction:column; gap:7px}.kml-form small{color:#71848a; font-weight:500}
.kml-form input,.kml-form select,.kml-form textarea,.kml-search input{width:100%; border:1px solid rgba(15,107,120,.22); border-radius:14px; padding:12px 13px; font-size:15px; outline:none; background:#fbfdfe; color:#18333a; transition:.2s ease; font-family:inherit}
.kml-form input:focus,.kml-form select:focus,.kml-form textarea:focus,.kml-search input:focus{border-color:var(--kml-accent); box-shadow:0 0 0 4px rgba(15,107,120,.09); background:#fff}.kml-two{display:grid; grid-template-columns:1fr 1fr; gap:12px}.kml-btn{display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:999px; padding:12px 20px; background:var(--kml-accent); color:#fff!important; font-weight:800; text-decoration:none!important; cursor:pointer; font-family:inherit; transition:.2s ease; box-shadow:0 10px 22px rgba(15,107,120,.22)}.kml-btn:hover{transform:translateY(-2px); filter:brightness(1.03)}.kml-small{padding:8px 13px; font-size:12px}.kml-search{display:flex; gap:10px; align-items:center; margin-bottom:16px}.kml-list{display:flex; flex-direction:column; gap:10px}.kml-list-item{display:flex; gap:12px; align-items:center; padding:12px; border-radius:18px; border:1px solid rgba(15,107,120,.11); text-decoration:none!important; color:#18333a!important; background:#f9fcfd; transition:.2s ease}.kml-list-item:hover{background:#fff; transform:translateY(-2px); box-shadow:0 10px 24px rgba(11,47,56,.08)}.kml-list-item span{display:flex; flex-direction:column; gap:3px}.kml-list-item small,.kml-profile-top small{color:#71848a}.kml-avatar{border-radius:50%; object-fit:cover; width:auto; height:auto; box-shadow:0 6px 16px rgba(11,47,56,.12)}.kml-profile-top{display:flex; align-items:center; gap:14px; margin-bottom:12px}.kml-profile-top span{display:flex; flex-direction:column}.kml-back,.kml-link{display:inline-flex; margin:0 0 18px; color:var(--kml-accent)!important; font-weight:800; text-decoration:none!important}.kml-table-card{margin-top:22px}.kml-table-scroll{width:100%; overflow:auto; border-radius:18px; border:1px solid rgba(15,107,120,.12)}.kml-table{width:100%; border-collapse:collapse; min-width:760px; background:#fff}.kml-table th{background:#edf7f9; color:#0b2f38; font-size:13px; text-transform:uppercase; letter-spacing:.03em; text-align:left; padding:14px}.kml-table td{border-top:1px solid rgba(15,107,120,.1); padding:13px 14px; vertical-align:middle}.kml-table tr:hover td{background:#fafdfe}.kml-file{font-weight:800; color:var(--kml-accent)!important; text-decoration:none!important}.kml-muted{color:#8a9aa0}.kml-badge{display:inline-flex; border-radius:999px; padding:6px 10px; background:rgba(15,107,120,.1); color:var(--kml-accent); font-size:12px; font-weight:800}.kml-inline-upload{display:flex; gap:8px; align-items:center; flex-wrap:wrap}.kml-inline-upload input{max-width:230px}.kml-pagination{display:flex; gap:8px; flex-wrap:wrap; margin-top:15px}.kml-pagination a{display:flex; min-width:34px; height:34px; justify-content:center; align-items:center; border-radius:50%; border:1px solid rgba(15,107,120,.18); color:#18333a!important; text-decoration:none!important}.kml-pagination a.active{background:var(--kml-accent); color:#fff!important}.kml-login-wrap{max-width:540px}.kml-login-card{text-align:left}.kml-login-card h2{text-align:center; color:#0b2f38}.kml-login-card #loginform{display:flex; flex-direction:column; gap:12px}.kml-login-card input[type=text],.kml-login-card input[type=password]{width:100%; border:1px solid rgba(15,107,120,.22); border-radius:14px; padding:12px}.kml-login-card input[type=submit]{border:0; border-radius:999px; padding:12px 20px; background:var(--kml-accent); color:#fff; font-weight:800; cursor:pointer}.kml-error{border-color:#e39999; background:#fff7f7}.kml-toast{position:fixed; right:20px; bottom:20px; z-index:99999; max-width:380px; padding:14px 18px; border-radius:16px; color:#fff; font-family:'Poppins',Arial,sans-serif; box-shadow:0 14px 35px rgba(0,0,0,.2)}.kml-toast.kml-success{background:#137a54}.kml-toast.kml-error{background:#b93b3b}
@media (max-width:820px){.kml-wrap{padding:24px 14px}.kml-grid-2,.kml-two{grid-template-columns:1fr}.kml-card{padding:20px;border-radius:22px}.kml-search{flex-direction:column}.kml-search .kml-btn{width:100%}.kml-head{text-align:center}.kml-inline-upload{flex-direction:column; align-items:flex-start}.kml-inline-upload input{max-width:100%}}