:root{--zily-blue:#1677ff;--zily-blue-dark:#075bcc;--zily-ink:#101828;--zily-muted:#667085;--zily-border:#e5e7eb;--zily-soft:#f6f9ff;--zily-green:#16a34a;--zily-amber:#f59e0b;--zily-red:#dc2626;--zily-purple:#7c3aed}
.zily-timer-wrap,.zily-shortcode-dashboard{max-width:1180px;color:var(--zily-ink)}
.zily-logo-line{display:flex;align-items:center;gap:12px;margin:8px 0 18px}.zily-logo-line img{height:42px;width:auto}.zily-logo-line h1{font-weight:850;letter-spacing:-.03em}
.zily-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#0f6fff,#7c3aed);border-radius:24px;padding:24px;margin:14px 0 20px;color:#fff;box-shadow:0 18px 44px rgba(15,111,255,.24);overflow:hidden;position:relative}.zily-hero:after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:999px;background:rgba(255,255,255,.14)}.zily-hero h2{color:#fff;margin:0 0 6px;font-size:28px;line-height:1.1}.zily-hero p{margin:0;color:rgba(255,255,255,.86)}.zily-hero-badge{position:relative;z-index:1;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);border-radius:18px;padding:14px 16px;min-width:170px;text-align:center}.zily-hero-badge strong{display:block;font-size:24px;color:#fff}.zily-hero-badge span{font-size:12px;color:rgba(255,255,255,.84)}
.zily-card{background:#fff;border:1px solid var(--zily-border);border-radius:20px;padding:20px;margin:16px 0;box-shadow:0 12px 30px rgba(17,24,39,.07)}.zily-card h2,.zily-card h3{margin-top:0;letter-spacing:-.02em}.zily-card .description{color:var(--zily-muted)}
.zily-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.zily-grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.zily-stat{background:linear-gradient(135deg,#f8fbff,#eef7ff);border:1px solid #d9efff;border-radius:18px;padding:18px}.zily-stat strong{display:block;font-size:26px;margin-top:6px;color:#0f172a}.zily-stat span{color:var(--zily-muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.zily-form-row{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:center;margin:12px 0}.zily-form-row label{color:#344054}.zily-form-row input,.zily-form-row textarea,.zily-form-row select{width:100%;max-width:620px;border:1px solid #d0d5dd;border-radius:12px;padding:8px 11px;box-shadow:0 1px 2px rgba(16,24,40,.04)}.zily-form-row textarea{min-height:82px}.zily-required{color:var(--zily-red)}
.zily-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.zily-actions form{margin:0}.zily-timer-wrap .button,.zily-shortcode-dashboard .button,.zily-btn{border-radius:999px!important;border:0!important;padding:6px 15px!important;font-weight:800!important;box-shadow:0 6px 14px rgba(15,23,42,.10)!important;transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease}.zily-timer-wrap .button:hover,.zily-shortcode-dashboard .button:hover,.zily-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(15,23,42,.14)!important}.zily-timer-wrap .button-primary,.zily-btn-primary{background:linear-gradient(135deg,var(--zily-blue),var(--zily-purple))!important;color:#fff!important}.zily-btn-start{background:var(--zily-green)!important;color:#fff!important}.zily-btn-pause{background:var(--zily-amber)!important;color:#111827!important}.zily-btn-stop{background:var(--zily-red)!important;color:#fff!important}.zily-btn-complete{background:#0ea5e9!important;color:#fff!important}.zily-btn-invoice{background:linear-gradient(135deg,#16a34a,#0ea5e9)!important;color:#fff!important}.zily-btn-ghost{background:#eef2ff!important;color:#3730a3!important}.zily-btn-hero{font-size:15px!important;padding:8px 18px!important}
.zily-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800;text-transform:capitalize}.zily-pill.running{background:#dcfce7;color:#166534}.zily-pill.paused{background:#fef3c7;color:#92400e}.zily-pill.open{background:#f1f5f9;color:#334155}.zily-pill.stopped,.zily-pill.completed{background:#e0f2fe;color:#075985}.zily-pill.invoiced{background:#ede9fe;color:#5b21b6}.zily-pill.sent{background:#dcfce7;color:#166534}.zily-pill.draft,.zily-pill.inactive{background:#f1f5f9;color:#475569}.zily-pill.active{background:#dcfce7;color:#166534}
.zily-timer-big,.zily-timer-live{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:900;letter-spacing:.02em}.zily-timer-big{font-size:36px;color:#111827}.zily-muted{color:var(--zily-muted)}.zily-danger{color:#b91c1c}.zily-success{color:#166534}.zily-upgrade{border:1px solid #bae6fd;background:#f0f9ff;border-radius:16px;padding:18px}.zily-invoice-box{background:#fff;border:1px solid #dfe3ea;border-radius:12px;padding:30px;max-width:820px}.zily-public-invoice{font-family:Arial,sans-serif;color:#111827}.zily-public-invoice table{width:100%;border-collapse:collapse}.zily-public-invoice th,.zily-public-invoice td{border-bottom:1px solid #e5e7eb;padding:10px;text-align:left}.zily-public-invoice .total{text-align:right;font-size:22px;font-weight:bold}
.zily-shortcode-dashboard{border:1px solid var(--zily-border);border-radius:24px;padding:20px;background:#fff;box-shadow:0 12px 28px rgba(17,24,39,.08)}.zily-shortcode-dashboard input,.zily-shortcode-dashboard select,.zily-shortcode-dashboard textarea{box-sizing:border-box}.zily-front-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.zily-front-title h2{margin:0}.zily-table-scroll{overflow:auto;border-radius:14px}.zily-table-scroll table{margin:0}.zily-note{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:14px;padding:12px 14px}
@media(max-width:782px){.zily-hero{align-items:flex-start;flex-direction:column}.zily-grid-2{grid-template-columns:1fr}.zily-form-row{grid-template-columns:1fr}.zily-actions .button{width:100%;text-align:center;justify-content:center}.zily-timer-big{font-size:28px}.zily-card{padding:16px}.zily-stat strong{font-size:22px}.zily-table-scroll table{min-width:760px}}


/* Active sticky timer */
.zily-active-timer{position:fixed;left:16px;right:16px;top:12px;z-index:999999;pointer-events:none;font-family:Arial,sans-serif;color:#101828}.zily-active-timer *{box-sizing:border-box}.zily-active-timer-pill{position:fixed;right:18px;bottom:18px;display:flex;align-items:center;gap:9px;border:0;border-radius:999px;background:linear-gradient(135deg,#1677ff,#7c3aed);color:#fff;padding:11px 15px;box-shadow:0 18px 38px rgba(15,23,42,.22);font-weight:850;cursor:pointer;pointer-events:auto}.zily-active-timer-pill strong{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:rgba(255,255,255,.16);border-radius:999px;padding:4px 8px}.zily-active-timer.zily-sticky-open .zily-active-timer-pill{display:none}.zily-active-timer-bar{display:none;align-items:center;justify-content:space-between;gap:16px;max-width:980px;margin:0 auto;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.92);border-radius:22px;padding:12px 14px;box-shadow:0 20px 48px rgba(15,23,42,.18);pointer-events:auto}.zily-active-timer.zily-sticky-open .zily-active-timer-bar{display:flex}.zily-active-main{display:flex;align-items:center;gap:12px;min-width:0}.zily-active-main strong{display:block;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.zily-active-main span:not(.zily-active-dot){display:block;color:#667085;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.zily-active-label{font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#1677ff}.zily-active-dot{width:12px;height:12px;border-radius:999px;background:#16a34a;box-shadow:0 0 0 7px rgba(22,163,74,.14);display:inline-block;flex:0 0 auto}.zily-active-dot.paused{background:#f59e0b;box-shadow:0 0 0 7px rgba(245,158,11,.16)}.zily-active-time{text-align:right;min-width:118px}.zily-active-time span{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:22px;font-weight:950;line-height:1;color:#111827}.zily-active-time small{display:block;color:#667085;margin-top:3px}.zily-active-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.zily-sticky-action-form{margin:0!important}.zily-active-close{width:34px;height:34px;border-radius:999px;border:0;background:#f1f5f9;color:#475569;font-size:22px;line-height:1;cursor:pointer;font-weight:800}.zily-active-close:hover{background:#e2e8f0;color:#111827}
@media(max-width:782px){.zily-active-timer{left:8px;right:8px;top:8px}.zily-active-timer-bar{align-items:flex-start;flex-direction:column;border-radius:18px;padding:12px}.zily-active-main strong,.zily-active-main span:not(.zily-active-dot){max-width:calc(100vw - 70px)}.zily-active-time{text-align:left}.zily-active-actions{width:100%}.zily-active-actions .button,.zily-active-actions button{flex:1;text-align:center}.zily-active-close{flex:0 0 40px}.zily-active-timer-pill{right:12px;bottom:12px}}