:root{
  --gt-bg1:#f7fbff; --gt-bg2:#eaf4ff;
  --gt-border:#e3e8ef; --gt-border-strong:#cfd8e3;
  --gt-text:#0f172a; --gt-muted:#64748b;
  --gt-primary:#0788cf; --gt-blue:#0ea5e9;
}
/* Calendar & panel */
.gt-wrap{
  display:grid;grid-template-columns:1.15fr 1fr;gap:28px;
  max-width:1060px;margin:28px auto;padding:0 16px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--gt-text);
  background:linear-gradient(180deg,var(--gt-bg1),var(--gt-bg2));
  border-radius:22px; box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.gt-header{grid-column:1/span 2;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 0}
.gt-month{font-weight:800;font-size:28px;text-transform:capitalize;letter-spacing:.2px}
.gt-nav{border:1px solid var(--gt-border-strong);background:#fff;border-radius:12px;width:40px;height:40px;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 6px rgba(15,23,42,.06);transition:transform .12s ease, box-shadow .12s ease}
.gt-nav:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(15,23,42,.08)}
.gt-grid{background:#fff;border:1px solid var(--gt-border);border-radius:20px;padding:18px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;min-height:380px}
.gt-day{border:1px solid var(--gt-border);border-radius:16px;height:108px;padding:12px;display:flex;flex-direction:column;transition:all .12s ease;position:relative;box-shadow:0 1px 0 rgba(15,23,42,.02); background:linear-gradient(180deg,#fff, #fafcff)}
.gt-day:hover{border-color:var(--gt-border-strong);box-shadow:0 6px 14px rgba(15,23,42,.06)}
.gt-day.is-other{opacity:.42}
.gt-day.is-selected{outline:3px solid #7dd3fc;border-color:#38bdf8;background:#f0f9ff}
.gt-day.is-today::after{content:'Today';position:absolute;top:8px;right:8px;font-size:10px;background:#e0f2fe;color:#0369a1;border-radius:999px;padding:2px 6px;font-weight:600}
.gt-day .gt-dn{font-weight:800}
.gt-badge{font-size:11px;background:#ecfeff;color:#0369a1;border-radius:999px;padding:2px 8px;font-weight:700;box-shadow:inset 0 -1px 0 rgba(3,105,161,.08)}
.gt-panel{background:#fff;border:1px solid var(--gt-border);border-radius:20px;padding:18px;display:flex;flex-direction:column;box-shadow:0 6px 14px rgba(15,23,42,.04)}
.gt-panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gt-border);padding-bottom:12px;margin-bottom:14px}
.gt-day-title{font-size:20px;font-weight:800}
.gt-day-sub{font-size:12px;color:var(--gt-muted)}
.gt-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}
.gt-stat{border:1px solid var(--gt-border);border-radius:14px;padding:12px;background:#fff;box-shadow:0 1px 0 rgba(15,23,42,.02)}
.gt-episodes{display:flex;flex-direction:column;gap:12px}
.gt-card{border:1px solid var(--gt-border);border-radius:16px;padding:14px;display:flex;justify-content:space-between;gap:12px;background:#fff}
.gt-btn-primary{background:var(--gt-primary);color:#fff;border:0;border-radius:14px;padding:12px 18px;cursor:pointer;font-weight:700;box-shadow:0 6px 14px rgba(7,136,207,.18);transition:filter .12s ease, transform .05s ease}
.gt-btn-primary:hover{filter:brightness(1.06)}
.gt-btn-primary:active{transform:translateY(1px)}
.gt-btn{background:#fff;border:1px solid var(--gt-border);border-radius:12px;padding:8px 14px;cursor:pointer}
.gt-btn-lg{font-size:15px}

/* Modal + pretty checkboxes */
.gt-modal{border:0;padding:0}
.gt-modal::backdrop{background:rgba(15,23,42,.35)}
.gt-modal-card{min-width:560px;border:1px solid var(--gt-border);border-radius:18px;background:#fff;padding:18px;box-shadow:0 16px 34px rgba(15,23,42,.24)}
.gt-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.gt-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.gt-input{border:1px solid var(--gt-border-strong);border-radius:12px;padding:12px}
.gt-currency{background:#f1f5f9;border:1px solid var(--gt-border-strong);border-radius:12px;padding:10px 12px}
.gt-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gt-help{display:inline-block;font-size:12px;color:var(--gt-muted);border:1px solid var(--gt-border-strong);border-radius:8px;padding:0 6px;margin-left:4px;cursor:help}
.gt-callout{border-left:4px solid var(--gt-blue);background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:10px;margin-bottom:12px}
.gt-muted{color:#475569}
.gt-checks--pretty{display:flex;flex-direction:column;gap:10px}
.gt-choice{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--gt-border-strong);border-radius:14px;background:#fff;cursor:pointer;transition:box-shadow .12s ease,border-color .12s ease,transform .05s ease}
.gt-choice:hover{border-color:#94a3b8;box-shadow:0 6px 14px rgba(15,23,42,.06)}
.gt-choice:active{transform:translateY(1px)}
.gt-choice>input{position:absolute;opacity:0;inset:0;cursor:pointer}
.gt-choice-label{position:relative;padding-left:36px;font-weight:600;color:#0f172a}
.gt-choice-label::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:999px;border:2px solid #94a3b8;background:#fff;box-shadow:inset 0 -1px 0 rgba(15,23,42,.06);transition:border-color .12s ease,background .12s ease}
.gt-choice-label::after{content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%) scale(.2);width:12px;height:12px;border-radius:999px;background:#0788cf;opacity:0;transition:transform .18s ease,opacity .12s ease}
.gt-choice>input:checked + .gt-choice-label::before{border-color:#0788cf;background:#e0f2fe}
.gt-choice>input:checked + .gt-choice-label::after{opacity:1;transform:translateY(-50%) scale(1)}
.gt-choice>input:checked ~ .gt-choice-label{color:#0a5271}

/* Profile */
.gt-profile{max-width:900px;margin:24px auto;padding:16px;background:linear-gradient(180deg,var(--gt-bg1),var(--gt-bg2));border-radius:18px;border:1px solid var(--gt-border)}
.gt-profile-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}
.gt-pref{display:flex;align-items:center;gap:8px}
.gt-chart-card{border:1px solid var(--gt-border);border-radius:16px;padding:12px;background:#fff}
.gt-chart-title{font-size:13px;color:var(--gt-muted);margin-bottom:4px;font-weight:600}
.gt-export-row{display:flex;gap:8px;margin-top:8px}

@media (max-width: 960px){
  .gt-wrap{grid-template-columns:1fr}
  .gt-stats{grid-template-columns:1fr}
  .gt-profile-header{flex-direction:column;align-items:flex-start;gap:8px}
}


/* ============================================ 31.10.2025====================================== */
/* calender app css start */
.logged-in .gt-wrap {
    max-width: 1300px;
    gap: 15px;
    padding-bottom: 20px;
}
.gt-profile{
    max-width: 1300px;
}
.logged-in .gt-grid {
    padding: 6px;
    gap: 5px;
    min-height: 380px;
}
.logged-in .gt-day {
    height: 100px;
    padding: 10px 5px 5px 5px;
}
.logged-in .gt-day.is-today::after {
    top: 4px;
    right: 4px;
    padding: 2px 6px;
}
.logged-in .gt-day.is-today{
    border-color: #38bdf8;
    background-color: #f0f9ff;
}
.logged-in .gt-panel .gt-card .card-buttons-wrap {
    max-width: 129px;
}
.logged-in .gt-panel .gt-card .card-info-wrap {
    flex: 1;
}
.logged-in .gt-episodes {
    gap: 12px;
    max-height: 440px;
    overflow-y: auto;
    padding-right: 6px;
}
.logged-in .gt-episodes::-webkit-scrollbar {
    width: 5px;
}
 
.logged-in .gt-panel .gt-card .card-buttons-wrap .gt-btn:first-child {
    background-color:var(--btn-color);
}
.logged-in .gt-panel .gt-card .card-buttons-wrap .gt-btn:last-child {
    background-color:#e14a3f;
    color: var(--white) !important;
}
.logged-in .gt-panel .gt-card .card-buttons-wrap .gt-btn {
    font-size: 16px;
    font-weight: 600;
    padding: 5px 16px;
    margin: 6px 0px;
    width: 100%;
}
.gt-panel-head button.gt-btn-primary i, .logged-in .gt-panel .gt-card .card-buttons-wrap .gt-btn i{
    display: none;
}
.gt-panel-head .gt-day-title.mobile {
    display: none;
}

 @media screen and (max-width:1299px){
    .logged-in .gt-wrap{
        grid-template-columns:1.50fr 1fr;
    }
}
@media screen and (max-width:1099px){
    .gt-panel-head {
        flex-wrap: wrap;
        gap: 10px;
    }
}
@media screen and (max-width:991px){
    .logged-in .gt-header {
        grid-column: 1 / span 1;
    }
    .logged-in .gt-wrap {
        grid-template-columns: 1fr;
    }
}
 
@media screen and (max-width:767px){
    .logged-in .gt-chart-card canvas {
        width: 100%;
    }
}
@media screen and (max-width:620px){
    .gt-modal-card{
        min-width: 100%;
    }
}

@media screen and (max-width:575px){
    .logged-in .gt-day .gt-dn{
        font-weight: 700;
    }
    .logged-in .gt-day > div:nth-child(2),
    .logged-in .gt-day span.gt-badge {
    display: none;
    }
    .gt-panel-head button.gt-btn-primary {
        border-radius: 50%;
        padding: 8px;
        width: 35px;
        height: 35px;
    }
    .gt-panel-head button.gt-btn-primary span, .logged-in .gt-panel .gt-card .card-buttons-wrap .gt-btn span {
        display: none;
    }
    .gt-panel-head button.gt-btn-primary i, .logged-in .gt-panel .gt-card .card-buttons-wrap .gt-btn i{
        display: block;
    }
    .logged-in .gt-panel .gt-card .card-buttons-wrap {
        display: flex;
        gap: 12px;
        align-items: baseline;
    }
    .logged-in .gt-panel .gt-card .card-info-wrap {
        display: flex;
    }
    .logged-in .gt-panel .gt-card .card-info-wrap .card-info-title {
        border-left: 2px solid #0788cf;
        padding-left: 10px;
        margin-left: 10px;
        order: 2;
    }
    .gt-modal-card .gt-field:has(textarea) {
        display: none;
    }
    .gt-panel-head .gt-day-title.desktop {
        display: none;
    }
    .gt-panel-head .gt-day-title.mobile {
        display: block;
    }
    .logged-in .gt-panel .gt-card .card-info-wrap .card-info-price {
        order: 1;
        max-width: 59px;
    }
    .logged-in .gt-panel .gt-card .card-buttons-wrap .gt-btn:first-child, .logged-in .gt-panel .gt-card .card-buttons-wrap .gt-btn:last-child{
        background-color: transparent;
        border: 0px;
        font-size: 21px;
        padding-left: 0;
        padding-right: 0;
    }
    .logged-in .gt-panel .gt-card .card-buttons-wrap .gt-btn:first-child {
        color: var(--gt-primary);
    }
    .logged-in .gt-panel .gt-card .card-buttons-wrap .gt-btn:last-child{
        color: #e14a3f !important;
    }
    .logged-in .gt-day .gt-dn {
        height: 32px;
        width: 32px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .logged-in .gt-day.is-selected .gt-dn {
        background: var(--gt-primary);
        color: var(--white);        
    }
    .card-info-notes{
        display: none;
    }
    .logged-in .gt-day .episode-bars {
        width: 100%;
        height: 29px;
        display: flex;
        gap: 3px;
        flex-direction: column;
        border-radius: 10px;
    }
    .logged-in .gt-day .episode-bars span.episode-bar {
        height: 3px;
        width: 100%;
        background:var(--gt-primary);
    }
    .logged-in .gt-day.is-selected .episode-bars {
        display: none;
    }
    .logged-in .gt-day {
        height: auto;
        padding: 5px 5px 5px 5px;
        border: 0px;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0 auto;
        box-shadow: none;
        background-color: transparent !important;
    }
    .logged-in .gt-day.is-today::after{
        display: none;
    }
    .gt-row {
        grid-template-columns: calc(100% - 28px - 50px) 68px !important;
    }
    .app-body .gt-modal-card {
        max-height: calc(100vh - 140px);
    }
    .app-body .gt-modal{
        margin-top: 30px;
    }
    .gt-modal-actions {
        padding-bottom: 30px;
    }
}


/* ============================================ 31.10.2025====================================== */