:root{
  --hk-bg:#0b0610;
  --hk-bg2:#14091d;
  --hk-panel:#12081a;
  --hk-panel2:#1a0c26;
  --hk-line:#35203f;
  --hk-line2:#4d2b5c;
  --hk-gold:#a624da;
  --hk-gold2:#c447ef;
  --hk-green:#ec920a;
  --hk-red:#d95a50;
  --hk-text:#f2ebf5;
  --hk-muted:#aa98b2;
}

.hk-app,
.hk-app *{box-sizing:border-box;font-family:inherit}
.hk-app{
  font-family:"Cairo",Arial,sans-serif;
  background:radial-gradient(circle at 48% 0,rgba(99,112,65,.08),transparent 34%),linear-gradient(180deg,#0d140f 0,#090e0b 100%);
  color:var(--hk-text);
  min-height:100vh;
  position:relative;
  overflow:hidden;
  font-weight:400;
}
.hk-app:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.016) 0,rgba(255,255,255,.016) 1px,transparent 1px,transparent 3px);
}
.hk-app button,.hk-app input,.hk-app textarea,.hk-app select{font-family:inherit}
.hk-app svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hk-icon{width:17px;height:17px;flex:0 0 17px}

.hk-shell{
  width:min(1440px,100%);
  margin:auto;
  padding:0 34px;
  min-height:780px;
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
}
.hk-header{
  min-height:118px;
  border-bottom:1px solid var(--hk-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.hk-brand{display:flex;align-items:center;direction:ltr}
.hk-brand strong{
  display:block;
  color:#fff;
  font-size:32px;
  line-height:1;
  font-weight:700;
  letter-spacing:-1px;
}
.hk-header-actions{display:flex;align-items:center;gap:12px}
.hk-live{color:#aeb0a3;font-size:11px;font-weight:500}
.hk-live b{
  display:inline-block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--hk-green);
  margin-left:7px;
  box-shadow:0 0 12px rgba(119,185,77,.5);
}
.hk-user{
  color:#a9a79e;
  font-size:12px;
  max-width:220px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.hk-main{padding:38px 0 72px;flex:1}
.hk-title-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:25px;
}
.hk-kicker{
  color:#9e9b8f;
  font-size:10px;
  font-weight:500;
  letter-spacing:.4px;
  margin-bottom:5px;
}
.hk-title-row h1,.hk-login-card h1{
  font-size:29px;
  line-height:1.35;
  margin:3px 0 0;
  font-weight:600;
  color:#f1ede2;
}
.hk-actions{display:flex;gap:9px;flex-wrap:wrap}

.hk-btn{
  appearance:none;
  border:1px solid #3a443b;
  background:rgba(255,255,255,.012);
  color:#e6e1d4;
  border-radius:8px;
  min-height:40px;
  padding:9px 15px;
  font-size:12px;
  font-weight:500;
  line-height:1;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  white-space:nowrap;
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.hk-btn:visited{color:#e6e1d4;text-decoration:none}
.hk-btn-primary:visited{color:#14170f}
.hk-btn:hover{
  border-color:#626d63;
  background:rgba(255,255,255,.03);
  transform:translateY(-1px);
}
.hk-btn:focus-visible,.hk-close:focus-visible,.hk-row-actions button:focus-visible,.hk-tabs button:focus-visible,.hk-pagination button:focus-visible{
  outline:2px solid rgba(221,181,43,.55);
  outline-offset:2px;
}
.hk-btn:disabled{opacity:.52;cursor:wait;transform:none}
.hk-btn-primary{
  background:linear-gradient(180deg,#e5bd31,#d6ad20);
  border-color:#e0b82b;
  color:#14170f;
  box-shadow:0 7px 22px rgba(221,181,43,.10),inset 0 1px 0 rgba(255,255,255,.24);
  font-weight:600;
}
.hk-btn-primary:hover{background:linear-gradient(180deg,#efca43,#ddb52b);border-color:#efc83f;color:#11140d}
.hk-btn-danger{background:#6e302d;border-color:#91443f;color:#f2d7d4}
.hk-btn-danger:hover{background:#7c3833;border-color:#a5534c;color:#fff}
.hk-btn-ghost{background:rgba(255,255,255,.008)}

.hk-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:23px}
.hk-tabs{display:flex;flex-wrap:wrap;gap:7px}
.hk-tabs button{
  border:1px solid #343d35;
  background:rgba(255,255,255,.005);
  color:#93958b;
  min-height:36px;
  padding:7px 13px;
  border-radius:7px;
  font-size:11px;
  font-weight:500;
  cursor:pointer;
  transition:.18s ease;
}
.hk-tabs button:hover{color:#ddd8ca;border-color:#596259;background:rgba(255,255,255,.018)}
.hk-tabs button.active{color:var(--hk-gold);border-color:#8e771f;background:rgba(221,181,43,.045)}
.hk-tab-count{
  display:inline-block;
  margin-right:3px;
  color:#767b72;
  font-size:10px;
  font-weight:400;
  direction:ltr;
  unicode-bidi:isolate;
  font-variant-numeric:tabular-nums;
}
.hk-tabs button:hover .hk-tab-count{color:#aaa99e}
.hk-tabs button.active .hk-tab-count{color:#b99b2d}

.hk-search{min-width:340px;position:relative}
.hk-search-icon{
  position:absolute;
  top:50%;
  right:13px;
  transform:translateY(-50%);
  width:17px;
  height:17px;
  color:#747b73;
  pointer-events:none;
}
.hk-search input,
.hk-modal input,
.hk-modal textarea,
.hk-modal select,
.hk-login-card input{
  width:100%;
  background:#0c120e;
  border:1px solid #303b31;
  color:#eee9dc;
  border-radius:7px;
  padding:10px 12px;
  outline:none;
  font-size:12px;
  font-weight:400;
  line-height:1.55;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.hk-search input{padding-right:40px}
.hk-search input:focus,
.hk-modal input:focus,
.hk-modal textarea:focus,
.hk-modal select:focus,
.hk-login-card input:focus{
  border-color:#8c7622;
  background:#0e1510;
  box-shadow:0 0 0 3px rgba(221,181,43,.065);
}
.hk-modal select{appearance:auto}

.hk-statusbar{
  display:flex;
  justify-content:space-between;
  color:#9c9b90;
  font-size:10px;
  font-weight:500;
  letter-spacing:.25px;
  margin:0 3px 9px;
}
.hk-table-card{
  border:1px solid #313b32;
  background:rgba(10,15,12,.72);
  min-height:340px;
  position:relative;
  border-radius:8px;
  overflow:hidden;
}
.hk-table-scroll{
  overflow:auto;
  max-height:68vh;
  touch-action:pan-x pan-y;
  scrollbar-width:thin;
  scrollbar-color:#4a554c #111712;
  cursor:grab;
  overscroll-behavior:contain;
}
.hk-table-scroll::-webkit-scrollbar{height:10px;width:10px}
.hk-table-scroll::-webkit-scrollbar-track{background:#101611}
.hk-table-scroll::-webkit-scrollbar-thumb{background:#3b473e;border:2px solid #101611;border-radius:10px}
.hk-table-scroll::-webkit-scrollbar-thumb:hover{background:#526056}
.hk-table-scroll.is-dragging{cursor:grabbing}
.hk-table-scroll.is-dragging,.hk-table-scroll.is-dragging *{user-select:none!important;cursor:grabbing!important}
.hk-table{
  width:100%;
  min-width:1900px;
  border-collapse:collapse;
  border-spacing:0;
  text-align:right;
  margin:0!important;
  background:transparent!important;
}
.hk-subscriptions-table{min-width:1220px}
.hk-clients-table{min-width:650px}
.hk-table thead th{
  background:rgba(34,44,34,.82);
  color:#aaa99e;
  font-size:10px;
  font-weight:500;
  letter-spacing:.15px;
  padding:13px 13px;
  white-space:nowrap;
  position:sticky;
  top:0;
  z-index:1;
  border:0!important;
}
.hk-table tbody td{
  padding:14px 13px;
  border:0!important;
  border-bottom:1px solid #202821!important;
  color:#c9c6bc;
  font-size:11px;
  font-weight:400;
  vertical-align:middle;
  background:transparent;
}
.hk-table tbody tr:hover td{background:rgba(109,135,87,.035)}
.hk-table tbody tr:last-child td{border-bottom:none!important}
.hk-client-name{color:#eee9dc;font-weight:600}
.hk-client-cell{display:inline-flex;align-items:center;gap:7px;direction:rtl;white-space:nowrap}
.hk-client-details-btn{
  width:28px;
  height:28px;
  flex:0 0 28px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #3b473d;
  border-radius:7px;
  background:#111913;
  color:#969c93;
  cursor:pointer;
  transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease;
}
.hk-client-details-btn .hk-icon{width:14px;height:14px;flex-basis:14px}
.hk-client-details-btn:hover{border-color:#8b7627;color:#e2bd37;background:#171d14;transform:translateY(-1px)}
.hk-client-details-btn:focus-visible{outline:2px solid rgba(226,189,55,.38);outline-offset:2px}
.hk-mono,.hk-date,.hk-domain,.hk-email{direction:ltr;text-align:right}
.hk-email{font-size:10px;color:#aeb0a8}
.hk-domain{color:#d9b833;text-decoration:none;font-weight:500}
.hk-domain:hover{text-decoration:underline}
.hk-domain-text{color:#9f9f94}
.hk-domain-cell{display:inline-flex;align-items:center;gap:7px;direction:ltr;white-space:nowrap;max-width:100%}
.hk-domain-tools{display:inline-flex;align-items:center;gap:4px;direction:ltr;flex:0 0 auto}
.hk-domain-action{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #3b473d;border-radius:6px;background:#111913;color:#969c93;text-decoration:none;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease}
.hk-domain-action .hk-icon{width:13px;height:13px;flex:0 0 13px}
.hk-domain-action:hover{border-color:#8b7627;color:#e2bd37;background:#171d14;transform:translateY(-1px);text-decoration:none}
.hk-domain-action:focus-visible{outline:2px solid rgba(226,189,55,.38);outline-offset:2px}
.hk-chip{
  border:1px solid #465247;
  background:#131b15;
  border-radius:6px;
  padding:4px 8px;
  color:#bcbdb0;
  font-size:10px;
  white-space:nowrap;
}
.hk-count-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:28px;
  border:1px solid #75621b;
  color:#e3bd2c;
  background:rgba(221,181,43,.05);
  border-radius:6px;
  font-weight:600;
}
.hk-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;white-space:nowrap}
.hk-badge i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}
.hk-badge.expired{color:var(--hk-red)}
.hk-badge.urgent{color:#df7f54}
.hk-badge.soon{color:var(--hk-gold)}
.hk-badge.active{color:var(--hk-green)}
.hk-badge.unknown{color:#7e837d}
.hk-days{display:block;color:#777d74;font-size:9px;font-weight:400;margin-top:3px;white-space:nowrap}
.hk-note{display:block;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#94958d}
.hk-row-actions{display:flex;direction:ltr;gap:6px}
.hk-row-actions button{
  width:33px;
  height:31px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #3a443b;
  background:#101711;
  color:#afb3aa;
  border-radius:7px;
  cursor:pointer;
  transition:.18s ease;
}
.hk-row-actions button .hk-icon{width:15px;height:15px;flex-basis:15px}
.hk-row-actions button:hover{border-color:#796a2d;color:#e2bd37;background:#151c15;transform:translateY(-1px)}
.hk-row-actions .danger:hover{border-color:#8b423e;color:#df756e;background:#1c1312}
.hk-rank{color:#777d74;font-weight:500}

.hk-empty{min-height:330px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#8d9088}
.hk-empty strong{font-size:12px;font-weight:500}
.hk-empty-icon{width:46px;height:46px;color:#746421;display:flex;align-items:center;justify-content:center}
.hk-empty-svg{width:42px;height:42px;stroke-width:1.35!important}

.hk-pagination{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:18px;direction:rtl}
.hk-pagination button,.hk-pagination span{
  min-width:34px;
  height:34px;
  border:1px solid #333d34;
  background:#0f1511;
  color:#9fa096;
  border-radius:7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:500;
}
.hk-pagination button{cursor:pointer;transition:.18s ease}
.hk-pagination button:hover:not(:disabled):not(.active){border-color:#59645a;color:#e3dfd3;background:#131a14}
.hk-pagination button.active{background:var(--hk-gold);border-color:var(--hk-gold);color:#171a11;font-weight:600}
.hk-pagination button:disabled{opacity:.35;cursor:default}
.hk-pagination .hk-page-arrow .hk-icon{width:15px;height:15px}

.hk-loading{
  position:absolute;
  inset:0;
  background:rgba(9,13,11,.78);
  z-index:3;
  display:none;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.hk-loading.show{display:flex}
.hk-loading span{width:7px;height:7px;border-radius:50%;background:var(--hk-gold);animation:hkpulse 1s infinite ease-in-out}
.hk-loading span:nth-child(2){animation-delay:.13s}
.hk-loading span:nth-child(3){animation-delay:.26s}
@keyframes hkpulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}

.hk-footer{border-top:1px solid var(--hk-line);padding:22px 0 27px;color:#817f75;font-size:9px;font-weight:500;letter-spacing:.25px}

.hk-modal{
  position:fixed;
  inset:0;
  background:rgba(3,6,4,.82);
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  backdrop-filter:blur(5px);
}
.hk-modal.show{display:flex}
.hk-modal-panel{
  width:min(540px,100%);
  max-height:92vh;
  overflow:auto;
  background:#0f1611;
  border:1px solid #39433a;
  border-radius:10px;
  box-shadow:0 25px 80px rgba(0,0,0,.55);
  padding:24px;
}
.hk-modal-wide{width:min(920px,100%)}
.hk-modal-small{width:min(440px,100%)}
.hk-modal-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:21px}
.hk-modal-head h2{margin:0;font-size:21px;line-height:1.4;font-weight:600;color:#f1ede2}
.hk-close{
  background:#111813;
  border:1px solid #394139;
  color:#aaa99c;
  width:34px;
  height:34px;
  border-radius:7px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  transition:.18s ease;
}
.hk-close:hover{color:#eee9dd;border-color:#5b665d;background:#151d17}
.hk-close .hk-icon{width:16px;height:16px}
.hk-modal form>label,.hk-login-card label,.hk-field>label{display:block;color:#aaa99e;font-size:10px;font-weight:500;margin-bottom:13px}
.hk-modal form>label input,.hk-modal form>label select,.hk-modal form>label textarea,.hk-login-card label input{margin-top:7px}
.hk-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.hk-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 14px}
.hk-grid-2>label,.hk-grid-3>label,.hk-grid-2>.hk-field,.hk-grid-3>.hk-field{display:block;color:#aaa99e;font-size:10px;font-weight:500;margin-bottom:13px}
.hk-grid-2>label input,.hk-grid-2>label select,.hk-grid-3>label input,.hk-grid-3>label select,.hk-field>select{margin-top:7px}
.hk-form-section-title{
  border-bottom:1px solid #2b352c;
  color:#d8b535;
  font-size:11px;
  font-weight:600;
  padding-bottom:8px;
  margin:4px 0 15px;
}
.hk-modal textarea{resize:vertical;min-height:92px}
.hk-modal-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:18px}
.hk-form-message{min-height:19px;margin-top:10px;color:#81af62;font-size:10px;font-weight:500}
.hk-form-message.error{color:#d9746d}

.hk-client-details-panel{width:min(1050px,100%)}
.hk-client-details-content{min-height:220px}
.hk-client-details-loader{min-height:220px;display:flex;align-items:center;justify-content:center;gap:6px}
.hk-client-details-loader span{width:7px;height:7px;border-radius:50%;background:#d9b52e;animation:hkpulse 1s ease-in-out infinite}
.hk-client-details-loader span:nth-child(2){animation-delay:.13s}
.hk-client-details-loader span:nth-child(3){animation-delay:.26s}
.hk-client-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:10px}
.hk-client-info-item{border:1px solid #2e392f;background:#0c120e;border-radius:8px;padding:13px 14px;min-width:0}
.hk-client-info-item span{display:block;color:#7f847d;font-size:9px;font-weight:500;margin-bottom:6px}
.hk-client-info-item strong{display:block;color:#d8d5ca;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hk-client-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:18px}
.hk-client-stats>div{border:1px solid #3a422f;background:rgba(217,181,46,.025);border-radius:8px;padding:12px 14px}
.hk-client-stats span{display:block;color:#7f847d;font-size:9px;font-weight:500;margin-bottom:5px}
.hk-client-stats strong{color:#e3bd32;font-size:16px;font-weight:600}
.hk-client-stats strong.hk-date{font-size:11px;color:#d7d4c8}
.hk-client-subscriptions-head{display:flex;align-items:center;gap:8px;color:#d5d2c8;font-size:11px;font-weight:600;margin:3px 0 9px}
.hk-client-subscriptions-head b{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;border:1px solid #594d20;border-radius:6px;color:#d9b52e;font-size:9px;font-weight:600}
.hk-client-subs-scroll{border:1px solid #2f392f;border-radius:8px;max-height:370px}
.hk-client-details-table{min-width:1580px}
.hk-client-details-table thead th{position:sticky;top:0}
.hk-client-no-subs,.hk-client-details-error{border:1px dashed #384139;border-radius:8px;padding:28px;text-align:center;color:#8b8f87;font-size:11px}
.hk-client-details-error{border-color:#633735;color:#d87b74}

.hk-plan-field{position:relative}
.hk-plan-field>label{margin-bottom:0!important}
.hk-plan-new{margin-top:8px}
.hk-plan-new[hidden]{display:none!important}
.hk-plan-new input{margin-top:0!important;border-color:#655a2b}

.hk-hosting-date-option{
  grid-column:1/-1;
  border:1px solid #303a31;
  background:#0c120e;
  border-radius:8px;
  padding:12px 14px 0;
  margin:2px 0 14px;
}
.hk-switch-row{
  display:flex!important;
  align-items:center;
  gap:10px;
  margin:0 0 12px!important;
  color:#d6d3c8!important;
  font-size:10px!important;
  font-weight:500!important;
  cursor:pointer;
  user-select:none;
}
.hk-switch-row input{position:absolute;opacity:0;pointer-events:none}
.hk-switch{
  width:38px;
  height:21px;
  border:1px solid #465248;
  background:#151c17;
  border-radius:999px;
  padding:2px;
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  transition:.2s ease;
}
.hk-switch i{
  width:15px;
  height:15px;
  border-radius:50%;
  background:#858c83;
  transform:translateX(0);
  transition:.2s ease;
}
.hk-switch-row input:checked+.hk-switch{border-color:#8b7525;background:#332b0f}
.hk-switch-row input:checked+.hk-switch i{background:#e1b925;transform:translateX(-17px)}
.hk-switch-row input:focus-visible+.hk-switch{outline:2px solid rgba(225,185,37,.3);outline-offset:2px}
.hk-hosting-dates{border-top:1px solid #29322b;padding-top:12px}
.hk-hosting-dates[hidden]{display:none!important}
.hk-date-follow{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border:1px solid #334036;
  border-radius:999px;
  color:#858b84;
  background:#111813;
  font-size:9px;
  white-space:nowrap;
}
.hk-hosting-date{white-space:nowrap;color:#d8d5ca}

.hk-file-field input[type=file]{padding:8px;cursor:pointer}
.hk-file-field input[type=file]::file-selector-button{
  background:#182019;
  border:1px solid #3d493f;
  color:#d7d4c9;
  border-radius:6px;
  padding:7px 11px;
  margin-left:10px;
  font-family:inherit;
  font-size:10px;
  font-weight:500;
  cursor:pointer;
}
.hk-import-result{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}
.hk-import-result:empty{display:none}
.hk-import-result div{border:1px solid #303b31;background:#0c120e;border-radius:7px;padding:12px;text-align:center}
.hk-import-result strong{display:block;color:#e7be31;font-size:19px;font-weight:600}
.hk-import-result span{display:block;color:#8f9188;font-size:9px;margin-top:3px}

.hk-toastbox{position:fixed;left:22px;bottom:22px;z-index:1000000;display:grid;gap:8px}
.hk-toast{
  background:#162018;
  border:1px solid #415044;
  color:#dfe0d5;
  padding:10px 14px;
  border-radius:7px;
  box-shadow:0 15px 45px rgba(0,0,0,.35);
  font-size:11px;
  transform:translateY(10px);
  opacity:0;
  transition:.25s;
}
.hk-toast.show{transform:none;opacity:1}
.hk-toast.is-error{border-color:#79413d}

.hk-login-wrap{min-height:780px;display:flex;align-items:center;justify-content:center;padding:35px;position:relative;z-index:1}
.hk-login-card{width:min(430px,100%);background:rgba(14,21,16,.94);border:1px solid #364037;border-radius:10px;padding:36px;box-shadow:0 25px 90px rgba(0,0,0,.38)}
.hk-brand-center{justify-content:center;margin-bottom:30px}
.hk-login-card .hk-kicker{text-align:center}
.hk-login-card h1{text-align:center;font-size:25px;font-weight:600;margin-bottom:24px}
.hk-login-card .hk-btn{width:100%;margin-top:5px;padding:11px}
.hk-login-card .hk-brand strong{font-size:34px}
.hk-modal-open{overflow:hidden!important}

@media(max-width:1000px){
  .hk-grid-3{grid-template-columns:1fr 1fr}
  .hk-shell{padding:0 18px}
  .hk-header{min-height:100px}
  .hk-header-actions{gap:8px}
  .hk-user{display:none}
  .hk-title-row{align-items:flex-start;flex-direction:column}
  .hk-toolbar{align-items:stretch;flex-direction:column}
  .hk-search{min-width:0}
  .hk-title-row h1{font-size:27px}
  .hk-brand strong{font-size:27px}
  .hk-main{padding-top:30px}
}

@media(max-width:640px){
  .hk-shell{padding:0 12px}
  .hk-header{min-height:86px}
  .hk-brand strong{font-size:24px}
  .hk-live{display:none}
  .hk-btn{padding:8px 11px;min-height:38px}
  .hk-actions{width:100%}
  .hk-actions .hk-btn{flex:1}
  .hk-tabs{display:grid;grid-template-columns:1fr 1fr}
  .hk-tabs button:last-child{grid-column:1/-1}
  .hk-login-wrap{padding:15px}
  .hk-login-card{padding:25px 19px}
  .hk-modal{padding:8px}
  .hk-modal-panel{padding:18px 14px}
  .hk-grid-2,.hk-grid-3{grid-template-columns:1fr}
  .hk-import-result{grid-template-columns:1fr}
  .hk-title-row h1{font-size:25px}
  .hk-modal-head h2{font-size:19px}
}

/* v1.4.0 - approval workflow and RTL pagination */
.hk-app,
.hk-app *{font-family:"Cairo",Arial,sans-serif!important}

.hk-tab-badge{
  min-width:19px;
  height:19px;
  padding:0 5px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--hk-gold);
  color:#15180f;
  font-size:9px;
  font-weight:600;
  line-height:1;
  margin-right:5px;
}
.hk-tab-badge[hidden]{display:none!important}

.hk-pagination{direction:rtl}

.hk-row-actions-sales{direction:rtl}
.hk-row-actions button.request{
  border-color:#655b30;
  color:#d9b935;
  background:rgba(221,181,43,.035);
}
.hk-row-actions button.request:hover{
  border-color:#a58a2a;
  color:#f1cb42;
  background:rgba(221,181,43,.075);
}

.hk-requests-table,.hk-updates-table{min-width:1050px}
.hk-request-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
  font-size:10px;
  font-weight:500;
}
.hk-request-status i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 8px currentColor;
}
.hk-request-status.pending{color:#dfb72e}
.hk-request-status.approved{color:#78b95a}
.hk-request-status.rejected{color:#d96f68}

.hk-btn-compact{
  min-height:32px;
  padding:7px 10px;
  font-size:10px;
  border-radius:7px;
}
.hk-btn-compact .hk-icon{width:14px;height:14px;flex-basis:14px}

.hk-request-review-panel{width:min(980px,100%)}
.hk-request-meta{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-bottom:18px;
}
.hk-request-meta>div{
  min-width:0;
  border:1px solid #2c372e;
  background:#0c120e;
  border-radius:8px;
  padding:11px 12px;
}
.hk-request-meta span{
  display:block;
  color:#81877f;
  font-size:9px;
  font-weight:400;
  margin-bottom:4px;
}
.hk-request-meta strong{
  color:#d9d6cb;
  display:block;
  font-size:10px;
  font-weight:500;
  overflow-wrap:anywhere;
}
.hk-request-meta strong .hk-request-status{font-size:10px}

.hk-request-diff{
  display:grid;
  gap:8px;
  margin-bottom:18px;
}
.hk-diff-row{
  border:1px solid #2d382f;
  background:#0b110d;
  border-radius:8px;
  padding:12px;
}
.hk-diff-label{
  color:#d7b635;
  font-size:10px;
  font-weight:500;
  margin-bottom:9px;
}
.hk-diff-values{
  display:grid;
  grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);
  gap:8px;
  align-items:stretch;
}
.hk-diff-value{
  border:1px solid #29332b;
  border-radius:7px;
  padding:10px 11px;
  min-width:0;
  background:#0e1510;
}
.hk-diff-value.old{background:rgba(255,255,255,.01)}
.hk-diff-value.new{
  border-color:#605529;
  background:rgba(221,181,43,.035);
}
.hk-diff-value span{
  display:block;
  color:#7f857d;
  font-size:9px;
  font-weight:400;
  margin-bottom:4px;
}
.hk-diff-value strong{
  display:block;
  color:#d7d4ca;
  font-size:11px;
  line-height:1.65;
  font-weight:500;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.hk-diff-value.new strong{color:#e9e2c6}
.hk-diff-arrow{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#7c7555;
}
.hk-diff-arrow svg{width:18px;height:18px}
.hk-request-no-diff{
  border:1px dashed #344037;
  color:#8b9088;
  border-radius:8px;
  padding:18px;
  text-align:center;
  font-size:10px;
}

.hk-admin-note-label{
  display:block;
  color:#aaa99e;
  font-size:10px;
  font-weight:500;
  margin-top:5px;
}
.hk-admin-note-label textarea{margin-top:7px}
.hk-review-actions.is-processed #hk-request-approve,
.hk-review-actions.is-processed #hk-request-reject{display:none!important}

.hk-admin-note-view{
  border:1px solid #4e482b;
  background:rgba(221,181,43,.035);
  border-radius:8px;
  padding:12px 13px;
  margin:0 0 16px;
}
.hk-admin-note-view span{
  display:block;
  color:#d2b540;
  font-size:9px;
  margin-bottom:5px;
}
.hk-admin-note-view p{
  margin:0;
  color:#cbc7b9;
  font-size:10px;
  line-height:1.7;
  white-space:pre-wrap;
}

@media(max-width:900px){
  .hk-request-meta{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .hk-request-meta{grid-template-columns:1fr}
  .hk-diff-values{grid-template-columns:1fr}
  .hk-diff-arrow{transform:rotate(90deg);min-height:20px}
  .hk-tabs button:last-child{grid-column:auto}
}

@media (max-width:780px){
  .hk-table-scroll{max-height:62vh}
  .hk-client-info-grid{grid-template-columns:1fr}
  .hk-client-stats{grid-template-columns:1fr 1fr}
  .hk-client-details-btn{width:27px;height:27px;flex-basis:27px}
}


/* Tab-specific Excel export */
.hk-statusbar-info{display:flex;align-items:center;gap:12px;min-width:0}
.hk-statusbar .hk-tab-export{margin-inline-start:auto;flex:0 0 auto;color:#e6e1d4;font-size:10px;letter-spacing:0}
.hk-statusbar .hk-tab-export:hover{color:#fff}
@media (max-width:760px){
  .hk-statusbar{align-items:center;gap:10px}
  .hk-statusbar-info{gap:8px;flex-wrap:wrap}
  .hk-statusbar .hk-tab-export{padding:6px 8px;min-height:30px}
}

.hk-row-actions button.request-renew{
  border-color:#3d644b;
  color:#8fd0a3;
  background:rgba(82,160,105,.045);
}
.hk-row-actions button.request-renew:hover{
  border-color:#5d996f;
  color:#b4e7c3;
  background:rgba(82,160,105,.09);
}

/* Client details cards - v1.10.9 */
.hk-client-info-card{
  border-color:#4d4728;
  background:rgba(217,181,46,.035);
}
.hk-client-info-card span{color:#b9a75f}
.hk-client-info-card strong{color:#eee7cf}
.hk-client-subscription-cards{
  display:grid;
  gap:12px;
}
.hk-client-subscription-card{
  border:1px solid #303a31;
  background:#0b110d;
  border-radius:10px;
  padding:14px;
  min-width:0;
}
.hk-client-subscription-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:12px;
  margin-bottom:12px;
  border-bottom:1px solid #28322a;
}
.hk-client-subscription-card-title{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  flex-wrap:wrap;
}
.hk-client-subscription-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:29px;
  height:25px;
  padding:0 7px;
  border:1px solid #4d4524;
  background:rgba(217,181,46,.04);
  border-radius:7px;
  color:#d9b52e;
  font-size:9px;
  font-weight:600;
}
.hk-client-subscription-summary{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-bottom:13px;
}
.hk-client-subscription-summary>div{
  min-width:0;
  border:1px solid #28332a;
  background:#0e1510;
  border-radius:8px;
  padding:10px 11px;
}
.hk-client-subscription-summary span,
.hk-client-hidden-card span{
  display:block;
  color:#7e857d;
  font-size:9px;
  font-weight:500;
  margin-bottom:5px;
}
.hk-client-subscription-summary strong{
  display:block;
  color:#d6d3c8;
  font-size:10px;
  line-height:1.65;
  font-weight:500;
  overflow-wrap:anywhere;
}
.hk-client-subscription-summary strong .hk-date-follow,
.hk-client-subscription-summary strong .hk-hosting-date{
  max-width:100%;
}
.hk-client-hidden-fields-title{
  color:#d8b535;
  font-size:10px;
  font-weight:600;
  margin:2px 0 8px;
}
.hk-client-hidden-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.hk-client-hidden-card{
  min-width:0;
  border:1px solid #514824;
  background:rgba(217,181,46,.035);
  border-radius:8px;
  padding:11px 12px;
}
.hk-client-hidden-card strong{
  display:block;
  color:#eee8d4;
  font-size:11px;
  line-height:1.7;
  font-weight:500;
  overflow-wrap:anywhere;
  white-space:normal;
}
.hk-client-hidden-card-notes{
  grid-column:1/-1;
}
.hk-client-hidden-card-notes strong{
  white-space:pre-wrap;
  min-height:20px;
}

@media(max-width:900px){
  .hk-client-subscription-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hk-client-hidden-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .hk-client-subscription-card{padding:11px}
  .hk-client-subscription-card-head{align-items:flex-start}
  .hk-client-subscription-summary,
  .hk-client-hidden-cards{grid-template-columns:1fr}
  .hk-client-hidden-card-notes{grid-column:auto}
}

/* =========================================================
   Project management module - v1.11.0
========================================================= */
.hk-main[hidden]{display:none!important}

.hk-module-nav{
  display:flex;
  align-items:center;
  gap:8px;
  padding:15px 0;
  border-bottom:1px solid var(--hk-line);
}
.hk-module-nav button{
  appearance:none;
  border:1px solid #333d35;
  background:rgba(255,255,255,.008);
  color:#8f948b;
  border-radius:8px;
  min-height:40px;
  padding:9px 14px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  font-weight:500;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;
}
.hk-module-nav button:hover{border-color:#5b655d;color:#e2ded2;background:rgba(255,255,255,.025);transform:translateY(-1px)}
.hk-module-nav button.active{border-color:#8e7723;color:#e6bd33;background:rgba(221,181,43,.055)}
.hk-module-nav button:focus-visible{outline:2px solid rgba(221,181,43,.5);outline-offset:2px}
.hk-module-alert{
  min-width:19px;
  height:19px;
  padding:0 5px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#a74741;
  color:#fff1ef;
  font-style:normal;
  font-size:9px;
  font-weight:700;
  line-height:1;
}
.hk-module-alert[hidden]{display:none!important}

.hk-projects-main{padding-top:31px}
.hk-project-title-row{align-items:flex-start}
.hk-title-description{margin:8px 0 0;color:#7f857d;font-size:11px;line-height:1.8;max-width:690px}

.hk-project-stats{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:0 0 23px;
}
.hk-project-stat{
  text-align:right;
  border:1px solid #303a32;
  background:linear-gradient(180deg,rgba(20,29,22,.92),rgba(12,18,14,.92));
  border-radius:10px;
  padding:15px 16px;
  min-height:107px;
  color:#a6a99f;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition:border-color .2s ease,transform .2s ease,background .2s ease;
}
.hk-project-stat:after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:3px;
  height:100%;
  background:#586359;
  opacity:.65;
}
.hk-project-stat:hover{border-color:#566258;transform:translateY(-2px);background:linear-gradient(180deg,rgba(23,33,25,.96),rgba(13,20,15,.96))}
.hk-project-stat span{display:block;color:#92968d;font-size:10px;font-weight:500}
.hk-project-stat strong{display:block;color:#eee9dc;font-size:25px;line-height:1.25;font-weight:600;margin:5px 0 2px;font-variant-numeric:tabular-nums}
.hk-project-stat small{display:block;color:#686f68;font-size:8px;font-weight:500}
.hk-project-stat.is-warning:after{background:#d5aa2a}
.hk-project-stat.is-warning strong{color:#e0bd45}
.hk-project-stat.is-danger:after{background:#b9544d}
.hk-project-stat.is-danger strong{color:#d87972}
.hk-project-stat.is-success:after{background:#5c9a61}
.hk-project-stat.is-success strong{color:#83be82}

.hk-project-toolbar{align-items:flex-start}
.hk-project-toolbar-side{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.hk-project-toolbar-side .hk-search{min-width:300px}
.hk-project-filter{
  min-height:40px;
  min-width:145px;
  border:1px solid #303b31;
  background:#0c120e;
  color:#cbc8bd;
  border-radius:7px;
  padding:8px 10px;
  font-size:10px;
  outline:none;
}
.hk-project-filter:focus{border-color:#8c7622;box-shadow:0 0 0 3px rgba(221,181,43,.065)}

.hk-project-area{
  min-height:380px;
  position:relative;
}
.hk-project-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
}
.hk-project-card{
  min-width:0;
  border:1px solid #303a32;
  background:linear-gradient(180deg,rgba(16,24,18,.98),rgba(10,16,12,.98));
  border-radius:11px;
  padding:15px;
  position:relative;
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
  transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.hk-project-card:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:2px;
  background:#4f5a51;
  opacity:.75;
}
.hk-project-card:hover{border-color:#4d5a4f;transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.13)}
.hk-project-card.due-overdue{border-color:#623c38}
.hk-project-card.due-overdue:before{background:#c95e55}
.hk-project-card.due-today{border-color:#675b2a}
.hk-project-card.due-today:before,.hk-project-card.due-soon:before{background:#d4ad2f}
.hk-project-card.status-completed{border-color:#304c36;opacity:.9}
.hk-project-card.status-completed:before{background:#67a56b}

.hk-project-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.hk-project-card-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hk-project-id{color:#626b63;font-size:9px;font-weight:500;direction:ltr;font-variant-numeric:tabular-nums}
.hk-project-status,.hk-project-priority{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-radius:999px;
  white-space:nowrap;
  line-height:1;
  font-size:8px;
  font-weight:600;
}
.hk-project-status{padding:5px 8px;border:1px solid #3b463d;color:#aeb2a8;background:#101812}
.hk-project-status i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}
.hk-project-status.status-new{color:#9ca7a0}
.hk-project-status.status-in_progress{color:#d8b73f;border-color:#665822;background:rgba(216,183,63,.045)}
.hk-project-status.status-review{color:#8da9d7;border-color:#3d516c;background:rgba(101,137,194,.045)}
.hk-project-status.status-waiting{color:#caa17a;border-color:#614a34;background:rgba(185,125,70,.045)}
.hk-project-status.status-paused{color:#b19f90;border-color:#52483f}
.hk-project-status.status-completed{color:#7fbd82;border-color:#365e3b;background:rgba(91,155,96,.045)}
.hk-project-status.status-cancelled{color:#b67671;border-color:#613e3a;background:rgba(166,79,72,.04)}
.hk-project-priority{padding:5px 7px;border:1px solid #3a423c;color:#858c84}
.hk-project-priority.priority-urgent{color:#e07b72;border-color:#713f3a;background:rgba(185,77,68,.06)}
.hk-project-priority.priority-high{color:#d8b342;border-color:#655522;background:rgba(216,179,66,.045)}
.hk-project-priority.priority-normal{color:#9aa39b;border-color:#3c473f}
.hk-project-priority.priority-low{color:#7f9888;border-color:#35483c}

.hk-project-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}
.hk-project-card-title-row h3{margin:0;color:#eeeadd;font-size:15px;line-height:1.65;font-weight:600;overflow-wrap:anywhere}
.hk-project-link{display:inline-flex;align-items:center;gap:5px;color:#b89b35;text-decoration:none;font-size:8px;font-weight:500;margin-top:4px}
.hk-project-link:hover{color:#e2bd3d;text-decoration:none}
.hk-project-link .hk-icon{width:12px;height:12px;flex-basis:12px}

.hk-project-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}
.hk-project-meta-grid>div{border:1px solid #283229;background:#0d140f;border-radius:7px;padding:9px 10px;min-width:0}
.hk-project-meta-grid small{display:block;color:#707870;font-size:8px;margin-bottom:4px}
.hk-project-meta-grid span{display:block;color:#c3c3b8;font-size:9px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hk-project-meta-grid span.is-muted{color:#646d65;font-weight:400}

.hk-project-due{display:flex;align-items:center;justify-content:space-between;gap:9px;border:1px solid #2f3a31;background:#0d140f;border-radius:8px;padding:9px 10px;margin-bottom:12px}
.hk-project-due>div{display:flex;align-items:center;gap:6px;min-width:0}
.hk-project-due .hk-icon{width:13px;height:13px;flex-basis:13px;color:#8a9189}
.hk-project-due span{color:#969c94;font-size:9px;font-weight:500}
.hk-project-due strong{color:#c9c7bb;font-size:9px;font-weight:500;direction:ltr;white-space:nowrap}
.hk-project-due.due-overdue{border-color:#633c38;background:rgba(161,69,62,.055)}
.hk-project-due.due-overdue span,.hk-project-due.due-overdue strong,.hk-project-due.due-overdue .hk-icon{color:#d87870}
.hk-project-due.due-today,.hk-project-due.due-soon{border-color:#5d5126;background:rgba(214,176,47,.04)}
.hk-project-due.due-today span,.hk-project-due.due-soon span,.hk-project-due.due-today strong,.hk-project-due.due-soon strong{color:#d4b64c}
.hk-project-due.due-completed{border-color:#35573a;background:rgba(88,150,93,.04)}
.hk-project-due.due-completed span,.hk-project-due.due-completed strong{color:#7eb682}

.hk-project-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.hk-project-progress-head span{color:#7b837b;font-size:8px;font-weight:500}
.hk-project-progress-head strong{color:#d9d5c9;font-size:9px;font-weight:600;direction:ltr}
.hk-project-progress{height:5px;background:#202a22;border-radius:999px;overflow:hidden;margin-bottom:11px}
.hk-project-progress i{display:block;height:100%;background:linear-gradient(90deg,#a48928,#dfb831);border-radius:inherit;min-width:0;transition:width .35s ease}
.hk-project-card.status-completed .hk-project-progress i{background:linear-gradient(90deg,#4d8054,#70ad75)}

.hk-project-excerpt{margin:0 0 9px;color:#858b83;font-size:9px;line-height:1.85;min-height:32px}
.hk-project-details{border-top:1px dashed #2d372f;padding-top:8px;margin-top:8px}
.hk-project-details summary{color:#aa9138;font-size:8px;font-weight:600;cursor:pointer;user-select:none;list-style:none}
.hk-project-details summary::-webkit-details-marker{display:none}
.hk-project-details summary:after{content:"+";display:inline-block;margin-right:6px;color:#74672f}
.hk-project-details[open] summary:after{content:"−"}
.hk-project-details>p{white-space:pre-wrap;color:#9b9e94;font-size:9px;line-height:1.9;margin:10px 0 0;overflow-wrap:anywhere}
.hk-project-note{border:1px solid #4d4525;background:rgba(214,177,48,.03);border-radius:7px;padding:9px;margin-top:9px}
.hk-project-note span{display:block;color:#ba9d3a;font-size:8px;font-weight:600;margin-bottom:3px}
.hk-project-note p{margin:0;color:#aaa89d;font-size:9px;line-height:1.8;white-space:pre-wrap}

.hk-project-attachments-list{display:grid;gap:5px;margin-top:9px}
.hk-project-attachment-link{display:flex;align-items:center;gap:7px;min-width:0;border:1px solid #2c382f;background:#0d140f;border-radius:7px;padding:7px 8px;color:#aaa99e;text-decoration:none;font-size:8px}
.hk-project-attachment-link:hover{border-color:#5b5128;color:#d8b63d;text-decoration:none}
.hk-project-attachment-link .hk-icon{width:12px;height:12px;flex:0 0 12px}
.hk-project-attachment-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.hk-project-attachment-link small{margin-right:auto;color:#666e67;font-size:7px;white-space:nowrap}

.hk-project-card-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;padding-top:11px;margin-top:11px;border-top:1px solid #263027}
.hk-project-files-count{display:flex;align-items:center;gap:5px;color:#697169;font-size:8px;white-space:nowrap}
.hk-project-files-count .hk-icon{width:12px;height:12px;flex-basis:12px}
.hk-project-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.hk-project-action{
  border:1px solid #364139;
  background:#101812;
  color:#9ca199;
  min-height:28px;
  border-radius:6px;
  padding:5px 7px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:8px;
  font-weight:500;
  cursor:pointer;
  transition:.18s ease;
}
.hk-project-action .hk-icon{width:12px;height:12px;flex-basis:12px}
.hk-project-action:hover{border-color:#5c675d;color:#e1ddd2;background:#151e17}
.hk-project-action.complete{border-color:#36583a;color:#78b47d;background:rgba(89,150,94,.04)}
.hk-project-action.complete:hover{border-color:#55855a;color:#99d19d}
.hk-project-action.reopen{border-color:#5f5429;color:#c8ab46;background:rgba(201,172,70,.035)}
.hk-project-action.delete{border-color:#5d3936;color:#c36e68;background:rgba(161,70,63,.035)}
.hk-project-action.delete:hover{border-color:#874b46;color:#e18a82}

.hk-project-empty{
  grid-column:1/-1;
  min-height:350px;
  border:1px dashed #303b32;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:7px;
  color:#747b73;
  text-align:center;
  padding:35px;
}
.hk-project-empty .hk-empty-icon{width:40px;height:40px;color:#665a2a;margin-bottom:4px}
.hk-project-empty .hk-empty-icon .hk-icon{width:40px;height:40px}
.hk-project-empty strong{color:#aaa99f;font-size:11px;font-weight:600}
.hk-project-empty span{font-size:9px;color:#6f756e}

.hk-project-modal-panel{width:min(980px,100%)}
.hk-grid-full{grid-column:1/-1}
.hk-field-hint{display:block;color:#70766f;font-size:8px;font-weight:400;line-height:1.7;margin-top:6px}
.hk-project-existing-files{display:grid;gap:6px;margin-top:7px}
.hk-project-existing-files[hidden]{display:none!important}
.hk-project-existing-title{color:#9c9e94;font-size:9px;font-weight:600;margin:2px 0 3px}
.hk-project-existing-file{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #2d382f;background:#0c120e;border-radius:7px;padding:8px 10px}
.hk-project-existing-file>a{display:flex;align-items:center;gap:7px;min-width:0;color:#b7b5aa;text-decoration:none;font-size:9px}
.hk-project-existing-file>a:hover{color:#d9b637;text-decoration:none}
.hk-project-existing-file>a .hk-icon{width:13px;height:13px;flex-basis:13px}
.hk-project-existing-file>a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.hk-project-existing-file>a small{color:#686f68;font-size:7px;white-space:nowrap}
.hk-project-existing-file>label{display:flex!important;align-items:center;gap:6px;margin:0!important;color:#a96d68!important;font-size:8px!important;white-space:nowrap;cursor:pointer}
.hk-project-existing-file>label input{width:auto!important;margin:0!important;accent-color:#a94f48}

@media(max-width:1180px){
  .hk-project-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hk-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hk-project-toolbar{flex-direction:column;align-items:stretch}
  .hk-project-toolbar-side{width:100%}
  .hk-project-toolbar-side .hk-search{flex:1;min-width:0}
}

@media(max-width:760px){
  .hk-module-nav{overflow-x:auto;scrollbar-width:none}
  .hk-module-nav::-webkit-scrollbar{display:none}
  .hk-module-nav button{flex:0 0 auto}
  .hk-project-stats{grid-template-columns:1fr 1fr;gap:8px}
  .hk-project-stat{min-height:94px;padding:12px}
  .hk-project-stat strong{font-size:21px}
  .hk-project-grid{grid-template-columns:1fr}
  .hk-project-toolbar-side{flex-direction:column;align-items:stretch}
  .hk-project-filter{width:100%}
  .hk-project-meta-grid{grid-template-columns:1fr 1fr}
  .hk-project-card-footer{align-items:flex-start;flex-direction:column}
  .hk-project-actions{width:100%;justify-content:flex-start}
  .hk-project-action{flex:1;justify-content:center}
  .hk-project-existing-file{align-items:flex-start;flex-direction:column}
}

@media(max-width:480px){
  .hk-project-stats{grid-template-columns:1fr}
  .hk-project-meta-grid{grid-template-columns:1fr}
  .hk-project-due{align-items:flex-start;flex-direction:column}
  .hk-project-card{padding:12px}
  .hk-project-action span{display:none}
  .hk-project-action{flex:0 0 30px;width:30px;padding:0;justify-content:center}
}

/* =========================================================
   Golan Tech brand theme - v1.11.2
   Palette sampled from the official purple/orange logo.
========================================================= */
:root{
  --hk-bg:#0b0610;
  --hk-bg2:#14091d;
  --hk-panel:#12081a;
  --hk-panel2:#1a0c26;
  --hk-line:#35203f;
  --hk-line2:#4d2b5c;
  --hk-gold:#a624da;
  --hk-gold2:#c447ef;
  --hk-green:#ec920a;
  --hk-red:#d95a50;
  --hk-text:#f2ebf5;
  --hk-muted:#aa98b2;
  --hk-purple:#790ab3;
  --hk-purple2:#a624da;
  --hk-orange:#ec920a;
  --hk-orange2:#d94f03;
}

.hk-app{
  background:
    radial-gradient(circle at 12% 0,rgba(166,36,218,.17),transparent 29%),
    radial-gradient(circle at 92% 7%,rgba(236,146,10,.105),transparent 24%),
    linear-gradient(180deg,#110817 0,#09050d 100%);
  color:var(--hk-text);
}
.hk-app:before{
  opacity:.14;
  background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 3px);
}

.hk-brand{gap:12px}
.hk-brand-logo{
  width:52px;
  height:52px;
  object-fit:contain;
  flex:0 0 52px;
  filter:drop-shadow(0 8px 18px rgba(121,10,179,.22));
}
.hk-brand strong{color:#fff;letter-spacing:-.7px}
.hk-brand-center{flex-direction:column;gap:12px}
.hk-login-card .hk-brand-logo{width:86px;height:70px;flex-basis:70px}

.hk-header{border-bottom-color:#32203b}
.hk-live b{
  background:var(--hk-orange);
  box-shadow:0 0 13px rgba(236,146,10,.55);
}

.hk-btn-primary,
.hk-btn-primary:visited{
  color:#fff;
  border-color:#b22de0;
  background:linear-gradient(135deg,#790ab3 0%,#a624da 54%,#ec920a 145%);
  box-shadow:0 10px 28px rgba(121,10,179,.20),inset 0 1px 0 rgba(255,255,255,.22);
}
.hk-btn-primary:hover{
  color:#fff;
  border-color:#ca4cf0;
  background:linear-gradient(135deg,#8b11c9 0%,#b42de3 54%,#f09a16 145%);
  box-shadow:0 13px 34px rgba(121,10,179,.26),0 0 0 1px rgba(236,146,10,.06) inset;
}
.hk-btn:focus-visible,
.hk-close:focus-visible,
.hk-row-actions button:focus-visible,
.hk-tabs button:focus-visible,
.hk-pagination button:focus-visible,
.hk-module-nav button:focus-visible{
  outline-color:rgba(183,57,231,.58);
}

.hk-module-nav{border-bottom-color:#30203a}
.hk-module-nav button{
  border-color:#392441;
  background:rgba(166,36,218,.018);
  color:#aa9ab0;
}
.hk-module-nav button:hover{
  border-color:#69417a;
  color:#f0e8f3;
  background:rgba(166,36,218,.07);
}
.hk-module-nav button.active{
  border-color:#9b27ca;
  color:#d989f4;
  background:linear-gradient(135deg,rgba(121,10,179,.16),rgba(236,146,10,.045));
  box-shadow:inset 0 0 0 1px rgba(236,146,10,.035);
}
.hk-module-alert{background:linear-gradient(135deg,#d94f03,#ec920a);color:#fff}

.hk-tabs button{
  border-color:#382342;
  background:rgba(166,36,218,.012);
  color:#9e8ea6;
}
.hk-tabs button:hover{color:#eee6f1;border-color:#684078;background:rgba(166,36,218,.055)}
.hk-tabs button.active{
  color:#d68bf2;
  border-color:#9222bf;
  background:linear-gradient(135deg,rgba(121,10,179,.14),rgba(236,146,10,.035));
}
.hk-tabs button.active .hk-tab-count{color:#ecb558}

.hk-search input,
.hk-modal input,
.hk-modal textarea,
.hk-modal select,
.hk-login-card input,
.hk-project-filter{
  background:#100716;
  border-color:#3d2748;
  color:#f3edf5;
}
.hk-search input:focus,
.hk-modal input:focus,
.hk-modal textarea:focus,
.hk-modal select:focus,
.hk-login-card input:focus,
.hk-project-filter:focus{
  border-color:#a52bd4;
  background:#15091d;
  box-shadow:0 0 0 3px rgba(166,36,218,.11);
}
.hk-search-icon{color:#876f91}

.hk-table-card{
  border-color:#392443;
  background:rgba(12,6,16,.78);
}
.hk-table thead th{background:rgba(39,18,49,.90);color:#b8a9be}
.hk-table tbody td{border-bottom-color:#291732!important;color:#d7ccdb}
.hk-table tbody tr:hover td{background:rgba(166,36,218,.042)}
.hk-table-scroll{scrollbar-color:#5c3769 #120817}
.hk-table-scroll::-webkit-scrollbar-track{background:#120817}
.hk-table-scroll::-webkit-scrollbar-thumb{background:#4c2c59;border-color:#120817}
.hk-table-scroll::-webkit-scrollbar-thumb:hover{background:#694079}
.hk-pagination button.active{background:linear-gradient(135deg,#8a13c7,#b62fe2);border-color:#ad2cda;color:#fff}
.hk-loading{background:rgba(8,4,11,.82)}
.hk-loading span,.hk-client-details-loader span{background:var(--hk-purple2)}

.hk-modal{background:rgba(8,3,11,.86)}
.hk-modal-panel,
.hk-login-card{
  background:linear-gradient(180deg,rgba(24,10,32,.98),rgba(13,6,18,.98));
  border-color:#4a2b57;
  box-shadow:0 28px 90px rgba(0,0,0,.54),0 0 60px rgba(121,10,179,.08);
}
.hk-close{background:#160b1d;border-color:#462950;color:#b9a6c0}
.hk-close:hover{background:#21102c;border-color:#75428a;color:#fff}
.hk-form-section-title{border-bottom-color:#3a2345;color:#d58bee}
.hk-form-message{color:#d68bf2}
.hk-file-field input[type=file]::file-selector-button{background:#21102b;border-color:#573165;color:#eadff0}

.hk-project-stat{
  border-color:#3a2444;
  background:linear-gradient(180deg,rgba(28,12,37,.94),rgba(15,7,20,.96));
  color:#b8a9bd;
}
.hk-project-stat:after{background:linear-gradient(180deg,#790ab3,#a624da)}
.hk-project-stat:hover{
  border-color:#684078;
  background:linear-gradient(180deg,rgba(36,15,47,.97),rgba(18,8,24,.98));
}
.hk-project-stat span{color:#aa9bae}
.hk-project-stat strong{color:#f4edf6}
.hk-project-stat small{color:#786c7d}
.hk-project-stat.is-warning:after{background:linear-gradient(180deg,#ec920a,#d94f03)}
.hk-project-stat.is-warning strong{color:#f1b24d}

.hk-project-card{
  border-color:#392443;
  background:linear-gradient(180deg,rgba(24,10,32,.98),rgba(12,6,17,.99));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.hk-project-card:before{background:linear-gradient(90deg,#790ab3 0%,#a624da 58%,#ec920a 100%);opacity:.95}
.hk-project-card:hover{border-color:#684078;box-shadow:0 18px 40px rgba(0,0,0,.20),0 0 30px rgba(121,10,179,.06)}
.hk-project-card.due-today{border-color:#6f4f22}
.hk-project-card.due-today:before,.hk-project-card.due-soon:before{background:linear-gradient(90deg,#ec920a,#d94f03)}

.hk-project-status{border-color:#4a2d55;color:#b7a6bd;background:#170b20}
.hk-project-status.status-new{color:#b49dbd}
.hk-project-status.status-in_progress{color:#d889f3;border-color:#6f2b88;background:rgba(166,36,218,.07)}
.hk-project-status.status-review{color:#b9a1f0;border-color:#514078;background:rgba(124,88,203,.06)}
.hk-project-status.status-waiting{color:#f0ab47;border-color:#704d1e;background:rgba(236,146,10,.065)}
.hk-project-priority{border-color:#493052;color:#9f8da6}
.hk-project-priority.priority-high{color:#f0ab47;border-color:#704d1e;background:rgba(236,146,10,.06)}
.hk-project-link{color:#cb73eb}
.hk-project-link:hover{color:#ef9f2b}

.hk-project-meta-grid>div,
.hk-project-due,
.hk-project-attachment-link,
.hk-project-existing-file{
  border-color:#34203e;
  background:#100716;
}
.hk-project-meta-grid small,.hk-project-progress-head span{color:#88798e}
.hk-project-meta-grid span,.hk-project-due strong{color:#d5c9da}
.hk-project-due .hk-icon{color:#a58aad}
.hk-project-due.due-today,.hk-project-due.due-soon{border-color:#68471c;background:rgba(236,146,10,.045)}
.hk-project-due.due-today span,.hk-project-due.due-soon span,.hk-project-due.due-today strong,.hk-project-due.due-soon strong{color:#efad43}

.hk-project-progress{background:#2a1731}
.hk-project-progress i{background:linear-gradient(90deg,#790ab3 0%,#a624da 60%,#ec920a 100%)}
.hk-project-details{border-top-color:#3b2445}
.hk-project-details summary{color:#ca77e8}
.hk-project-details summary:after{color:#ec920a}
.hk-project-note{border-color:#5f3b24;background:linear-gradient(135deg,rgba(166,36,218,.045),rgba(236,146,10,.045))}
.hk-project-note span{color:#e5a149}
.hk-project-attachment-link:hover{border-color:#7e388f;color:#d98cf1}
.hk-project-card-footer{border-top-color:#321d3b}
.hk-project-action{border-color:#45284f;background:#160b1e;color:#b5a3bb}
.hk-project-action:hover{border-color:#75428a;color:#fff;background:#21102b}
.hk-project-action.reopen{border-color:#6d4920;color:#eab04f;background:rgba(236,146,10,.04)}
.hk-project-empty{border-color:#45284f;color:#88788d}
.hk-project-empty .hk-empty-icon{color:#a624da}
.hk-project-existing-file>a:hover{color:#d98cf1}

.hk-client-stats>div{border-color:#4c2e57;background:rgba(166,36,218,.035)}
.hk-client-stats strong,.hk-client-subscriptions-head b,.hk-import-result strong{color:#d984f2}
.hk-client-subscriptions-head b{border-color:#703487}
.hk-switch-row input:checked+.hk-switch{border-color:#8a2caf;background:#33123f}
.hk-switch-row input:checked+.hk-switch i{background:linear-gradient(135deg,#a624da,#ec920a)}
.hk-switch-row input:focus-visible+.hk-switch{outline-color:rgba(166,36,218,.35)}
.hk-toast{background:#1a0c23;border-color:#55305f;color:#f0e7f2}

@media(max-width:640px){
  .hk-brand{gap:8px}
  .hk-brand-logo{width:42px;height:42px;flex-basis:42px}
  .hk-login-card .hk-brand-logo{width:78px;height:64px;flex-basis:64px}
}