/* KARKOUR-NET PRO UI — shared visual layer */
:root{--kp-bg:#07111f;--kp-panel:rgba(15,27,45,.92);--kp-panel2:#101d31;--kp-border:#263a57;--kp-text:#edf5ff;--kp-muted:#8ea0b8;--kp-accent:#248cff;--kp-success:#22c982;--kp-warning:#f4b942;--kp-danger:#f05b68;--kp-radius:16px}
html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 0%,rgba(36,140,255,.10),transparent 34%),radial-gradient(circle at 90% 12%,rgba(34,201,130,.06),transparent 30%),var(--kp-bg)!important;color:var(--kp-text);font-family:Inter,Tahoma,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 22%);z-index:-1}
button,.btn,input,select,textarea{font:inherit}button,.btn{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}button:hover,.btn:hover{transform:translateY(-1px)}button:active,.btn:active{transform:translateY(0)}
input,select,textarea{border:1px solid var(--kp-border)!important;border-radius:12px!important;background:#0b1728!important;color:var(--kp-text)!important;outline:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}input:focus,select:focus,textarea:focus{border-color:#3d9bff!important;box-shadow:0 0 0 3px rgba(36,140,255,.13)!important}
.panel,.panel-card,.section,.notification-panel,.card,.modal,.auth-card,.settings-card,.table-card{border-color:var(--kp-border)!important;background:var(--kp-panel)!important;box-shadow:0 14px 38px rgba(0,0,0,.20)!important}
.topbar,.standalone-topbar{backdrop-filter:blur(18px);border-color:rgba(76,105,143,.38)!important}
table{border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--kp-border);border-radius:14px}thead th{background:#0d1b2e!important;color:#bcd0e9}tbody tr{transition:background .12s ease}tbody tr:hover{background:rgba(36,140,255,.055)}td,th{border-color:rgba(63,86,117,.45)!important}
.badge,.status,.pill{border:1px solid rgba(255,255,255,.07);box-shadow:0 4px 12px rgba(0,0,0,.10)}
.toast,.notice{border:1px solid var(--kp-border)!important;box-shadow:0 12px 30px rgba(0,0,0,.18)}
@media(max-width:780px){body{font-size:14px}.panel,.panel-card,.section,.notification-panel,.card{border-radius:14px!important}.page{padding-left:10px!important;padding-right:10px!important}.actions{gap:7px!important}button,.btn{min-height:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}