@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-color: #20c997;--primary-hover: #1aa179;--secondary-color: #10b981;--danger-color: #ef4444;--bg-color: #e0fbf0;--surface-color: #ffffff;--surface-border: rgba(0, 0, 0, .08);--text-main: #334155;--text-muted: #64748b;--box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .05);--glass-blur: blur(12px);--border-radius: 16px;--transition: all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Lexend,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#6ee7b7,#a7f3d0 40%,#dcfce7);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}.glass-panel{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.glass-sidebar{background:#a7f3d066;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:20px;box-shadow:var(--box-shadow)}.glass-card{background:#00000008;border:1px solid rgba(0,0,0,.05);border-radius:12px;transition:var(--transition)}.glass-card:hover{background:#0000000d;transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a}h1,h2,h3,h4{font-weight:600;letter-spacing:-.025em;margin-bottom:.5rem}h1{font-size:2.5rem;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}p.subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-family:inherit;font-size:1rem;cursor:pointer;transition:var(--transition);border:none;outline:none}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.btn-secondary{background:#0000000d;color:var(--text-main);border:1px solid rgba(0,0,0,.1)}.btn-secondary:hover{background:#00000014}.btn-icon{padding:.5rem;border-radius:6px;cursor:pointer;border:none}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-group label{font-size:.9rem;color:var(--text-muted);font-weight:500}.form-control{background:#f9fafb;border:1px solid rgba(0,0,0,.1);color:var(--text-main);padding:.75rem 1rem;border-radius:8px;font-family:inherit;font-size:1rem;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #20c99733}.grid-container{width:100%;overflow-x:auto;border-radius:var(--border-radius);border:1px solid var(--surface-border);background:#fff}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background:#f8fafc;color:var(--text-muted);font-weight:600;padding:1rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--surface-border)}.data-table td{padding:1rem;border-bottom:1px solid rgba(0,0,0,.05);font-size:.95rem}.data-table tr:hover td{background:#00000005}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-blue{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-green{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-purple{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.container{max-width:1600px;margin:0 auto;padding:1.5rem 2rem;width:98%}.header-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--surface-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--surface-border);position:sticky;top:0;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.page-bg{width:100%;height:100dvh;padding:10px;background-image:url(/assets/newsletters-CysXOdP0.png);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.docbox-container{border-radius:25px;padding:10px;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;height:100%;margin:0 auto;display:flex;flex-direction:column;min-height:0}.navbar{display:grid;align-items:center;grid-template-columns:auto 1fr auto;justify-content:space-between;margin-bottom:8px}.nav-item{flex:1;display:flex;flex-direction:column;position:relative;height:100%}.submenu{position:absolute;top:100%;left:0;width:100%;background:transparent;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:.2s}.nav-item .submenu button{width:100%;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#6ee7b7;color:#000;border-color:#53e4aa;border:none;border-radius:16px;cursor:pointer;transition:.2s}.nav-item:hover .submenu{opacity:1;pointer-events:auto}.submenu button{width:100%;padding:12px;border:none;background:#6ee7b7;color:#000;cursor:pointer;font-size:14px;font-weight:600;transition:.2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:20px}.submenu button:hover{background:#fff6;color:#000}.avatar{width:75px;height:75px;border-radius:50%;background:#46cf9b;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.avatar-toggle{border:none;padding:0;cursor:pointer}.avatar-toggle:hover{box-shadow:0 0 0 4px #6ee7b747}.nav-center{flex:1;display:flex;align-items:stretch;justify-content:space-between;align-items:center;height:100%;max-height:45px;background:#d9f8f0;border-radius:20px;overflow:visible;margin:0 20px}.nav-center button{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;transition:.2s}.nav-center button:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.nav-center button:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.nav-center button:not(:last-child){border-right:1px solid rgba(0,0,0,.1)}.nav-center button.active{background:#fff;box-shadow:0 2px 8px #0000001a}.nav-center button:hover{background:#fff6}.nav-right{display:flex;gap:10px;flex-shrink:0}.primary-btn{background:#0b2a6f;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer}.content{background:#fff;border-radius:25px;width:100%;max-width:none;margin:0 auto;flex:1;min-height:0;padding:12px;overflow:auto}.docbox-container--sidebar{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-rows:1fr;gap:6px;min-height:0}.navbar-sidebar{height:100%;margin-bottom:0;padding:4px 2px;border-radius:20px;background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;min-height:0;overflow:visible}.navbar-sidebar .avatar{margin:0 auto;width:62px;height:62px}.navbar-sidebar .nav-center{flex:1 1 auto;margin:0;width:100%;max-height:none;background:#d9f8f0;border-radius:20px;padding:0;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));justify-content:stretch;align-content:stretch;gap:0;min-height:0;overflow:visible}.navbar-sidebar .nav-center>button,.navbar-sidebar .nav-center>.nav-item>button{width:100%;height:100%;min-height:0;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px;border-radius:0;border:none;background:transparent;box-sizing:border-box}.navbar-sidebar .nav-center>button:not(:last-child),.navbar-sidebar .nav-center>.nav-item:not(:last-child)>button{border-right:none}.navbar-sidebar .nav-center>button:first-child,.navbar-sidebar .nav-center>button:last-child,.navbar-sidebar .nav-center>.nav-item:first-child>button,.navbar-sidebar .nav-center>.nav-item:last-child>button{border-radius:0}.navbar-sidebar .nav-center>.nav-item:first-child>button,.navbar-sidebar .nav-center>button:first-child,.navbar-sidebar .nav-center>:first-child>button{border-top-left-radius:20px;border-top-right-radius:20px}.navbar-sidebar .nav-center>:last-child>button,.navbar-sidebar .nav-center>button:last-child{border-bottom-left-radius:20px;border-bottom-right-radius:20px}.navbar-sidebar .nav-center>button:not(:last-child),.navbar-sidebar .nav-center>.nav-item:not(:last-child)>button{border-bottom:1px solid rgba(0,0,0,.08)}.navbar-sidebar .nav-center>button.active,.navbar-sidebar .nav-center>.nav-item>button.active{background:#fff;box-shadow:0 2px 8px #0000001a}.navbar-sidebar .nav-center>button:hover,.navbar-sidebar .nav-center>.nav-item>button:hover{background:#fff6}.navbar-sidebar .nav-item{flex:1 1 auto;width:100%;height:100%}.navbar-sidebar .nav-item>button{width:100%}.navbar-sidebar .nav-item .submenu{position:absolute;top:0;left:100%;width:max-content;padding-left:8px;opacity:0;pointer-events:none;max-height:none;overflow:hidden;margin-top:0;z-index:30;transition:opacity .2s ease}.navbar-sidebar .nav-item:hover .submenu{opacity:1;pointer-events:auto;margin-top:0}.navbar-sidebar .nav-item .submenu button{height:auto;min-height:40px;flex:0 0 auto;border-radius:20px;min-width:110px;padding:8px 10px;background:#6ee7b7;color:#06281c}.navbar-sidebar .nav-item .submenu button:hover{background:#34d399;color:#052e16}.navbar-sidebar .nav-right{display:flex;flex-direction:column;width:100%;margin-top:auto;flex-shrink:0}.navbar-sidebar .primary-btn{width:100%;text-align:center}.docbox-container--sidebar .content{height:100%;min-height:0}.loading-overlay{position:fixed;inset:0;z-index:9998;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.loading-card{background:#fff;border-radius:16px;padding:2rem 2.5rem;width:320px;text-align:center;box-shadow:0 20px 50px #00000040}.loading-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.loading-step{font-size:.8rem;color:#64748b;margin-bottom:1rem}.loading-bar{background:#e5e7eb;border-radius:999px;height:8px;overflow:hidden}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease}.loading-percent{font-size:.75rem;color:#94a3b8;margin-top:5px;font-weight:600}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem;border-bottom:1px solid #e2e8f0;padding-bottom:.6rem;flex-wrap:wrap;gap:.6rem}.calendar-header-left,.calendar-header-right{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.calendar-header-left{gap:.7rem}.calendar-week-nav{display:flex;align-items:center;gap:.2rem;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:.16rem}.calendar-week-btn{border:none;border-radius:999px;width:32px;min-width:32px;height:32px;padding:0;background:transparent;color:#0f172a;font-weight:600;font-size:1rem;line-height:1;cursor:pointer;transition:background .2s ease,transform .1s ease}.calendar-week-btn:hover{background:#ffffffd9}.calendar-week-btn:active{transform:translateY(1px)}.calendar-week-input{border:1px solid #bfdbfe;background:#fff;border-radius:999px;height:32px;padding:0 .6rem;color:#0f172a;font-weight:600}.calendar-undo-btn{border:1px solid #cbd5e1;border-radius:999px;padding:.45rem .9rem;background:#fff;color:#0f172a;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.calendar-undo-btn:hover:not(:disabled){border-color:#94a3b8;background:#f8fafc;box-shadow:0 2px 8px #0f172a14}.calendar-undo-btn:disabled{opacity:.55;cursor:default}.calendar-view-selector,.schedule-view-selector{display:inline-flex;align-items:center;gap:.2rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:.18rem}.calendar-view-btn,.schedule-view-btn{border:none;border-radius:999px;padding:.38rem .8rem;background:transparent;color:#475569;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.calendar-view-btn.active,.schedule-view-btn.active{background:#0b2a6f;color:#fff}.calendar-view-btn:hover:not(.active),.schedule-view-btn:hover:not(.active){background:#eef2ff;color:#334155}.schedule-chip-list{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.4rem}.schedule-chip-btn{border:1px solid #e2e8f0;border-radius:999px;padding:.38rem .8rem;background:#fff;color:#334155;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.schedule-chip-btn:hover{background:#f8fafc;border-color:#cbd5e1}.schedule-chip-btn.active{background:#0b2a6f;border-color:#0b2a6f;color:#fff}.calendar-excel-btn{border:1px solid #bfdbfe;border-radius:999px;padding:.42rem .9rem;background:#eff6ff;color:#1e3a8a;font-weight:700;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.calendar-excel-btn:hover{background:#dbeafe;border-color:#93c5fd;box-shadow:0 2px 8px #1e3a8a1f}.calendar-metrics-btn,.calendar-manual-btn{border:1px solid #cbd5e1;border-radius:999px;padding:.42rem .9rem;background:#fff;color:#0f172a;font-weight:700;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.calendar-metrics-btn:hover,.calendar-manual-btn:hover{background:#f8fafc;border-color:#94a3b8;box-shadow:0 2px 8px #0f172a14}.calendar-metrics-btn:disabled{opacity:.6;cursor:default;box-shadow:none}.icon-only-btn{width:34px;min-width:34px;height:34px;padding:0;justify-content:center}.manual-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.manual-form-grid label{display:flex;flex-direction:column;gap:.3rem;font-size:.88rem;font-weight:600;color:#334155}.manual-form-grid select,.manual-form-grid input,.manual-form-grid textarea{border:1px solid #cbd5e1;border-radius:10px;padding:.48rem .62rem;font-size:.9rem;color:#0f172a;background:#fff}.manual-form-grid__full{grid-column:1 / -1}.modal-overlay{position:fixed;inset:0;z-index:9000;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1rem}.modal-card{background:#fff;border-radius:16px;padding:1.1rem;width:min(620px,100%);box-shadow:0 20px 48px #0f172a3d;max-height:calc(100dvh - 2rem);overflow:auto}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:.9rem;box-shadow:0 4px 12px #0f172a0f;display:flex;flex-direction:column;gap:.35rem}.metric-card__label{color:#64748b;font-size:.82rem;font-weight:600}.metric-card__value{color:#0f172a;font-size:1.4rem;line-height:1.2}.metric-card--wide{grid-column:1 / -1}.metric-summary-table-wrap{width:100%;overflow-x:auto;margin-top:.25rem}.metric-summary-table{width:100%;border-collapse:collapse;border:1px solid #dbe3ef;border-radius:10px;overflow:hidden;background:#fff}.metric-summary-table th,.metric-summary-table td{padding:.55rem .7rem;border-bottom:1px solid #e2e8f0;text-align:left;font-size:.88rem}.metric-summary-table th{background:#1b2a49;color:#fff;font-weight:700}.metric-summary-table tbody tr:nth-child(2n){background:#f8fafc}.metric-summary-table tbody tr:last-child td{border-bottom:none}.metric-bars{display:flex;flex-direction:column;gap:.55rem;margin-top:.4rem}.metric-bar-row{display:grid;grid-template-columns:90px 1fr 36px;align-items:center;gap:.5rem}.metric-bar-row__day{font-size:.78rem;color:#334155;font-weight:600}.metric-bar-row__track{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.metric-bar-row__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#0b2a6f,#2563eb)}.metric-bar-row__value{text-align:right;font-size:.82rem;color:#0f172a;font-weight:700}.bottleneck-unit-grid{display:grid;grid-template-columns:1fr;gap:.8rem;margin-top:.3rem}.bottleneck-unit-card{border:1px solid #dbe3ef;border-radius:12px;background:#fff;padding:.65rem}.bottleneck-unit-title{font-size:.86rem;font-weight:700;color:#0f172a;margin-bottom:.55rem}.bottleneck-chart{min-height:220px;display:flex;flex-direction:column;gap:.4rem;padding:.25rem 0}.bottleneck-bar-wrap{display:grid;grid-template-columns:minmax(90px,auto) 1fr 42px;align-items:center;gap:.5rem}.bottleneck-bar-track{height:12px;border-radius:999px;background:#e2e8f0;overflow:hidden}.bottleneck-bar{height:100%;min-width:8%;border-radius:999px;background:linear-gradient(90deg,#1d4ed8,#0b2a6f)}.bottleneck-bar-value{font-size:.78rem;color:#0f172a;font-weight:700;text-align:right}.bottleneck-bar-label{font-size:.74rem;line-height:1.2;text-align:left;color:#334155;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottleneck-axis-note{margin-top:.45rem;font-size:.74rem;color:#64748b}.metric-empty-note{font-size:.86rem;color:#64748b}.utilization-stack-chart{display:flex;flex-direction:column;gap:.55rem;margin-top:.35rem}.utilization-row{display:grid;grid-template-columns:minmax(95px,auto) 1fr 56px;align-items:center;gap:.5rem}.utilization-row__label{font-size:.76rem;color:#334155;font-weight:600}.utilization-row__track{height:16px;border-radius:999px;background:#e2e8f0;overflow:hidden;display:flex}.utilization-row__segment{height:100%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.68rem;font-weight:700;line-height:1}.utilization-row__segment--cp{background:#2563eb}.utilization-row__segment--rt{background:#16a34a}.utilization-row__segment--cg{background:#f97316}.utilization-row__value{text-align:right;font-size:.78rem;color:#0f172a;font-weight:700}.utilization-legend{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:.55rem}.utilization-legend__item{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:#334155;font-weight:600}.utilization-legend__swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.utilization-legend__swatch--cp{background:#2563eb}.utilization-legend__swatch--rt{background:#16a34a}.utilization-legend__swatch--cg{background:#f97316}@media(max-width:1200px){.page-bg{padding:10px}.docbox-container{border-radius:20px;padding:10px}.content{border-radius:20px;flex:1;padding:12px}.nav-center{margin:0 10px}}@media(max-width:992px){.docbox-container--sidebar{grid-template-columns:1fr;grid-template-rows:auto 1fr}.navbar-sidebar{height:auto}.navbar-sidebar .nav-center{flex-direction:row;flex-wrap:wrap}.navbar-sidebar .nav-center button{flex:1 1 48%;justify-content:center}.navbar-sidebar .nav-right{flex-direction:row;justify-content:center}.navbar-sidebar .primary-btn{width:auto}.navbar{grid-template-columns:1fr;gap:.75rem;justify-items:stretch}.avatar{width:58px;height:58px;margin:0 auto}.nav-center{margin:0;width:100%;max-height:48px}.nav-right{justify-content:center;width:100%}.calendar-header{align-items:flex-start}.calendar-header-left,.calendar-header-right{width:100%;justify-content:flex-start}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.page-bg{padding:8px}.docbox-container{border-radius:16px;padding:8px;height:100%}.content{border-radius:16px;padding:10px;flex:1}.nav-center{flex-wrap:wrap;max-height:none;border-radius:16px;overflow:hidden}.nav-center button{min-height:44px;flex:1 1 50%;font-size:.9rem}.nav-center button:first-child,.nav-center button:last-child{border-radius:0}.nav-center button:not(:last-child){border-right:1px solid rgba(0,0,0,.07)}.nav-item .submenu{position:static;opacity:1;pointer-events:auto;margin-top:6px}.nav-item .submenu button{border-radius:12px;padding:8px}.primary-btn{width:100%;justify-content:center}.calendar-week-nav{width:100%;justify-content:space-between;border-radius:14px}.calendar-week-btn{border-radius:10px;padding:.45rem .65rem}.calendar-week-input{flex:1;min-width:120px;border-radius:10px}.calendar-view-selector{width:100%;justify-content:space-between;border-radius:14px}.calendar-view-btn{flex:1;text-align:center;padding:.45rem .55rem;font-size:.86rem}.calendar-excel-btn,.calendar-undo-btn,.calendar-metrics-btn,.calendar-manual-btn{width:100%;justify-content:center}.manual-form-grid,.metrics-grid{grid-template-columns:1fr}.metric-bar-row{grid-template-columns:76px 1fr 30px}}@media(max-width:480px){.page-bg{padding:6px}.docbox-container{border-radius:14px;padding:6px}.content{border-radius:14px;padding:8px;flex:1}.nav-center button{flex:1 1 100%;min-height:42px;font-size:.82rem}.calendar-header h2{font-size:1.05rem}.calendar-header p,.calendar-week-btn,.calendar-view-btn,.calendar-excel-btn,.calendar-undo-btn{font-size:.82rem}}
