.kra-client-login-bg{min-height:100vh;background:#101315;display:grid;place-items:center;padding:24px;color:#e8eefc}
.kra-client-login-card{width:min(520px,100%);background:#1d1d1d;border:1px solid #29313c;border-radius:24px;padding:34px;box-shadow:0 22px 60px rgba(0,0,0,.35)}
.kra-client-login-card h1{margin:0 0 8px;font-size:32px}.kra-client-login-card p{color:#aab5ca}
.kra-client-login-card label{display:block;margin:17px 0;font-weight:700}.kra-client-login-card input{width:100%;box-sizing:border-box;margin-top:8px;padding:14px;border-radius:12px;border:1px solid #465063;background:#262626;color:#fff}
.kra-client-login-card button{padding:13px 26px;border:0;border-radius:12px;background:#0f766e;color:#fff;font-weight:800}
.kra-remember{display:flex!important;align-items:center;gap:9px}.kra-remember input{width:auto!important;margin:0!important}
.kra-login-links{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.kra-login-links a{color:#9fd4cb}
.kra-client-portal-body{margin:0;background:#f3f6f8;color:#17213a;font-family:system-ui,-apple-system,sans-serif}
.kra-client-header{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;background:#0f5148;color:#fff}.kra-client-header a{color:#fff}
.kra-client-header small{display:block;opacity:.8}.kra-client-main{max-width:1100px;margin:auto;padding:20px}
.kra-client-welcome,.kra-client-section,.kra-case-card,.kra-client-alert,.kra-empty{background:#fff;border:1px solid #dce5e7;border-radius:16px;padding:18px;margin-bottom:16px}
.kra-client-welcome h1{margin:4px 0}.kra-client-welcome p,.kra-client-welcome span{color:#64748b}
.kra-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kra-case-card h3{margin-top:0}
.kra-case-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.kra-case-details.full{grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;padding:16px;border-radius:16px}
.kra-case-details div,.kra-finance-grid div{padding:11px;background:#f7faf9;border-radius:11px}.kra-case-details span,.kra-finance-grid span{display:block;color:#64748b;font-size:12px}.kra-case-details strong,.kra-finance-grid strong{display:block;margin-top:4px}
.kra-open-case{display:inline-block;padding:9px 13px;border-radius:9px;background:#0f766e;color:#fff;text-decoration:none}
.kra-finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kra-list-card{padding:13px;border-bottom:1px solid #e5e7eb}.kra-list-card:last-child{border-bottom:0}
.kra-portal-admin{display:grid;gap:16px}.kra-portal-meta,.kra-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kra-portal-meta div{padding:12px;background:#f8fafc;border-radius:10px}.kra-portal-meta span{display:block;color:#64748b;font-size:12px}
.kra-permission-grid label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dce5e7;border-radius:10px}.kra-permission-grid input{width:auto}
.kra-inline-form,.kra-admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.kra-inline-form input,.kra-inline-form select{padding:10px}
.kra-credentials{border-left:5px solid #16805d}
@media(max-width:700px){.kra-case-grid,.kra-case-details,.kra-case-details.full,.kra-finance-grid,.kra-portal-meta,.kra-permission-grid{grid-template-columns:1fr}.kra-client-login-card{padding:24px}}

.kra-access-list{display:grid;gap:10px;margin-top:16px}
.kra-document-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.kra-document-row form{margin:0}
.kra-client-welcome small{display:block;margin-top:6px;color:#64748b}
@media(max-width:700px){.kra-document-row{align-items:flex-start;flex-direction:column}}