:root{--kblue:#0d8fe8;--kblue2:#1769e0;--korange:#f7941d;--ink:#13213c;--muted:#68768e;--line:#e5edf5;--bg:#f7fbff;--white:#fff}
*{box-sizing:border-box}.kringkl-shell,.kringkl-login-wrap{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink)}
.kringkl-shell{max-width:960px;margin:0 auto;background:#fff;min-height:100vh;padding-bottom:92px}.kringkl-main{padding:26px 24px 10px}
.kringkl-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:15px 24px;background:linear-gradient(135deg,#078be8,#198df0);color:#fff;box-shadow:0 3px 12px rgba(13,143,232,.2)}
.kringkl-top small{display:block;font-size:10px;letter-spacing:.08em;opacity:.8}.kringkl-top strong{display:block;font-size:16px;margin-top:2px}.kringkl-logout{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.5);padding:8px 12px;border-radius:12px;font-size:12px;font-weight:700}
.kringkl-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.kringkl-title h1{font-size:32px;line-height:1.1;margin:0}.kringkl-title p{margin:5px 0 0;color:var(--muted);font-weight:600}
.kringkl-hero{background:linear-gradient(135deg,#116be8,#7b63df 62%,#e786c5);color:#fff;border-radius:28px;padding:28px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 14px 40px rgba(69,91,211,.22)}
.kringkl-hero span{font-size:18px}.kringkl-hero h2{font-size:30px;margin:2px 0}.kringkl-hero p{margin:0;opacity:.85;font-weight:700}.kringkl-heart{font-size:54px;color:#ff85b0;line-height:1}
.kringkl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;text-align:center;box-shadow:0 7px 25px rgba(24,67,105,.06)}.stat b{font-size:24px;display:block}.stat span{font-size:12px;color:var(--muted);font-weight:700}.stat.wide{grid-column:span 3;background:#f9fbff}.stat.wide b{font-size:23px}
.kringkl-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 8px 30px rgba(29,68,106,.06);margin:18px 0}.message{background:linear-gradient(135deg,#fff,#fff9fb)}.chip,.badge{display:inline-flex;background:#edf5ff;color:#2177d5;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.badge.success{background:#eafaf1;color:#25865c}.message h3{font-size:22px;margin:14px 0 7px}.message p{color:var(--muted);font-weight:600;margin:0}
.kringkl-grid-short{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kringkl-grid-short a{padding:18px;border:1px solid var(--line);border-radius:18px;text-decoration:none;color:var(--ink);font-weight:800;background:#fff}.kringkl-grid-short a:hover{border-color:#8fc8f5;background:#f7fbff}.kringkl-alert{margin:16px 0;background:#fff8e7;border:1px solid #ffe3a3;padding:14px 16px;border-radius:14px;color:#7a5a12;font-weight:700}
.kringkl-form{display:grid;gap:14px}.kringkl-form label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#33415c}.kringkl-form input,.kringkl-form select,.kringkl-form textarea,.filter-row input{width:100%;border:1px solid #dce5ef;border-radius:14px;padding:13px 14px;background:#fff;color:#1b2942;font:inherit;outline:none}.kringkl-form input:focus,.kringkl-form select:focus,.kringkl-form textarea:focus{border-color:#7cbdf0;box-shadow:0 0 0 3px rgba(13,143,232,.1)}.kringkl-form textarea{min-height:95px;resize:vertical}.form-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kringkl-primary,.kringkl-secondary{border:0;border-radius:14px;padding:13px 18px;font-weight:800;cursor:pointer}.kringkl-primary{background:linear-gradient(135deg,#1196ef,#1769e0);color:#fff}.kringkl-secondary{background:#eef5fb;color:#2d4d6e}.kringkl-details summary{font-size:17px;font-weight:900;cursor:pointer;margin-bottom:18px}.kringkl-details:not([open]) summary{margin-bottom:0}
.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-head h3{margin:0}.card-head span{font-size:12px;color:var(--muted)}
.kringkl-table-wrap{overflow:auto}.kringkl-table-wrap table,.report-table{width:100%;border-collapse:collapse;min-width:680px}.kringkl-table-wrap th,.kringkl-table-wrap td,.report-table th,.report-table td{padding:12px;border-bottom:1px solid #edf1f5;text-align:left;font-size:13px;vertical-align:top}.kringkl-table-wrap th,.report-table th{font-size:11px;color:#6a7891;text-transform:uppercase;letter-spacing:.04em}.kringkl-table-wrap td small{display:block;color:#8a96a8;margin-top:4px}.empty{text-align:center!important;color:#95a0ae!important;padding:32px!important}.inline-delete{display:inline}.inline-delete button{width:28px;height:28px;border:0;border-radius:50%;background:#fff1f1;color:#d44;font-size:18px;cursor:pointer}
.kringkl-bottom{position:fixed;z-index:30;left:50%;transform:translateX(-50%);bottom:0;width:min(960px,100%);height:76px;background:rgba(255,255,255,.96);border-top:1px solid #e5edf5;display:grid;grid-template-columns:repeat(6,1fr);backdrop-filter:blur(14px)}.kringkl-bottom a{text-decoration:none;color:#738299;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:800}.kringkl-bottom i{font-style:normal;font-size:21px}.kringkl-bottom a.active{color:var(--kblue);background:#f1f8ff}
.kringkl-toast{margin:16px 24px 0;background:#eafaf1;color:#26734e;padding:12px 15px;border-radius:14px;border:1px solid #ccefdc;font-weight:700}
.filter-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}
.kringkl-report{background:#fff;border:1px solid #dfe6ee;padding:34px;margin:18px 0;border-radius:18px}.report-head{display:flex;gap:14px;align-items:center;border-bottom:3px solid var(--korange);padding-bottom:15px}.report-logo{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--korange),#ffb44c);color:#fff;font-size:28px;font-weight:900}.report-head h2{margin:0;color:#ef7d00}.report-head p{margin:3px 0;color:#5e6b7f}.report-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 0}.report-meta div{display:grid}.report-meta span{font-size:11px;color:#7d8795}.report-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.report-summary div{border:1px solid #e4eaf1;border-radius:12px;padding:12px}.report-summary span{font-size:11px;color:#7d8795;display:block}.report-summary b{font-size:16px}.kringkl-report h3{margin:22px 0 8px;font-size:16px}.report-sign{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px;text-align:center}.report-sign div{display:flex;min-height:130px;flex-direction:column;justify-content:space-between}.report-sign span{font-size:12px}
.kringkl-login-wrap{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:34px 18px;background:radial-gradient(circle at 15% 20%,#dff4ff,transparent 34%),radial-gradient(circle at 90% 30%,#fff0f5,transparent 32%),#f8fbff}.kringkl-login-brand{width:min(520px,100%);display:flex;gap:14px;align-items:center;margin-bottom:18px}.kringkl-logo{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--korange),var(--kblue));font-size:30px;font-weight:900;box-shadow:0 10px 24px rgba(38,128,202,.22)}.kringkl-login-brand strong{display:block;font-size:27px}.kringkl-login-brand span{display:block;color:#67768a;font-size:17px}.kringkl-login-card{width:min(520px,100%);background:#fff;border:1px solid #e6edf5;border-radius:30px;padding:34px;box-shadow:0 24px 60px rgba(30,69,107,.14)}.kringkl-login-card h2{font-size:31px;margin:0 0 5px}.kringkl-login-card p{color:#6c7789;font-size:16px}.kringkl-login-card label{font-weight:800}.kringkl-login-card input[type=text],.kringkl-login-card input[type=password]{width:100%;border:1px solid #dfe7ef;border-radius:16px;padding:15px;margin:6px 0 12px;font-size:16px}.kringkl-login-card .login-submit input{width:100%;border:0;border-radius:16px;padding:15px;background:linear-gradient(135deg,#1394ec,#6d8ce7 70%,#e28bc4);color:#fff;font-size:17px;font-weight:900;cursor:pointer}.kringkl-login-foot{text-align:center;color:#748195;margin-top:20px}
@media(max-width:640px){.kringkl-main{padding:22px 16px}.kringkl-top{padding:13px 16px}.kringkl-title h1{font-size:28px}.kringkl-hero{padding:22px;border-radius:24px}.kringkl-hero h2{font-size:25px}.kringkl-heart{font-size:43px}.kringkl-stats{grid-template-columns:1fr 1fr}.stat.wide{grid-column:span 2}.kringkl-grid-short{grid-template-columns:1fr 1fr}.form-2{grid-template-columns:1fr}.kringkl-card{padding:18px;border-radius:20px}.kringkl-bottom a{font-size:10px}.kringkl-bottom i{font-size:18px}.report-summary{grid-template-columns:1fr 1fr}.filter-row{grid-template-columns:1fr}.kringkl-login-card{padding:26px}.kringkl-login-brand strong{font-size:23px}}
@media print{body{background:#fff!important}.kringkl-top,.kringkl-bottom,.no-print,.kringkl-toast{display:none!important}.kringkl-shell{max-width:none;padding:0}.kringkl-main{padding:0}.kringkl-report{border:0;margin:0;padding:15mm;border-radius:0}.report-table{min-width:0}.report-table th,.report-table td{font-size:10px;padding:7px}.report-sign{page-break-inside:avoid}}