@charset "UTF-8";.grafik-container{display:flex;flex-direction:column;gap:12px}.grafik-title{font-size:22px;font-weight:700;color:#282639}.grafik-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px}.grafik-grid{display:grid;grid-template-columns:90px repeat(7,minmax(58px,1fr));gap:4px;min-width:520px}.grafik-day-header{text-align:center;padding:8px 2px;border-radius:8px}.grafik-day-header--today{background:#007aff14}.grafik-day-label{font-size:15px;font-weight:700;color:#282639}.grafik-day-date{font-size:13px;color:#888;margin-top:1px}.grafik-name{display:flex;align-items:center;gap:6px;padding:6px 4px;min-height:44px}.grafik-name-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.grafik-name-text{font-size:14px;font-weight:600;color:#282639;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grafik-cell{display:flex;align-items:center;justify-content:center;padding:4px 2px;min-height:44px;border-radius:6px}.grafik-cell--today{background:#007aff0a}.grafik-shift{font-size:13px;font-weight:700;padding:6px;border-radius:6px;text-align:center;width:100%;white-space:nowrap}.grafik-legend{display:flex;flex-wrap:wrap;gap:10px;padding:8px 0}.grafik-legend-item{display:flex;align-items:center;gap:5px;font-size:13px;color:#555}.grafik-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.czat-container{display:flex;flex-direction:column;height:100%;margin:-20px}.czat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:4px}.czat-message .q-message-name{font-size:14px;font-weight:700}.czat-message .q-message-text{font-size:19px;padding:12px 16px!important}.czat-message .q-message-stamp{font-size:12px}.czat-message .q-message-text--sent{border-radius:16px 16px 4px!important}.czat-message .q-message-text--received{border-radius:16px 16px 16px 4px!important}.czat-input-bar{padding:10px 14px;border-top:1px solid #e0e0e0;background:#fafafa}.czat-input .q-field__control{border-radius:20px;min-height:56px}.czat-input .q-field__native{font-size:20px;padding:10px 0}.phone-frame .phone-navbar{min-height:100px;padding:0 20px}.phone-frame .phone-navbar .q-toolbar__title{font-size:1.5rem;letter-spacing:.3px}.phone-frame .phone-navbar .q-btn{font-size:1.5rem}.phone-frame .phone-navbar .q-avatar{width:54px!important;height:54px!important;font-size:1.5rem!important}.phone-frame .phone-navbar .q-avatar .q-avatar__content{font-size:1.5rem!important}.phone-frame .phone-tab-content{padding:20px}.phone-frame .dash-greeting .text-subtitle1{font-size:1.55rem}.phone-frame .dash-stat-label{font-size:20px}.phone-frame .dash-stat-value{font-size:26px}.phone-frame .dash-banner .text-caption{font-size:.75rem}.phone-frame .cl-card .text-subtitle2{font-size:23px}.phone-frame .cl-sync-hint{font-size:18px}.phone-frame .cl-detail-title .text-subtitle1{font-size:1.6rem}.phone-frame .cl-detail-title .text-caption{font-size:18px}.phone-frame .cl-detail-progress .text-caption{font-size:20px}.phone-frame .cl-item-text{font-size:24px}.phone-frame .cl-item-value{font-size:21px}.phone-frame .cl-input{font-size:23px}.phone-frame .cl-input-suffix{font-size:21px}.phone-frame .cl-detail-actions .q-btn{font-size:20px}.phone-frame .phone-bottom-nav .q-tab{min-height:96px}.phone-frame .phone-bottom-nav .q-tab__label{font-size:18px}.phone-frame .phone-bottom-nav .q-tab__icon{font-size:2.1rem}.phone-frame .text-h6{font-size:1.6rem}.modal-overlay[data-v-4c9acc35]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0914c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.modal-box[data-v-4c9acc35]{position:relative;background:#1f1d30;border:1px solid rgba(146,207,72,.25);border-radius:20px;padding:36px 32px 28px;max-width:440px;width:100%;box-shadow:0 24px 64px #0000008c}.modal-close[data-v-4c9acc35]{position:absolute;top:14px;right:16px;background:none;border:none;color:#ffffff59;font-size:1.1rem;cursor:pointer;line-height:1;padding:4px 6px;border-radius:6px;transition:color .2s,background .2s}.modal-close[data-v-4c9acc35]:hover{color:#fff;background:#ffffff14}.modal-header[data-v-4c9acc35]{text-align:center;margin-bottom:24px}.modal-eyebrow[data-v-4c9acc35]{color:#92cf48;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px}.modal-title[data-v-4c9acc35]{font-size:1.45rem;font-weight:800;color:#fff;margin:0 0 8px;line-height:1.25;letter-spacing:-.4px}.modal-subtitle[data-v-4c9acc35]{font-size:.92rem;color:#a8a8c0bf;margin:0;line-height:1.5}.modal-form[data-v-4c9acc35]{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.modal-input[data-v-4c9acc35]{width:100%;padding:13px 16px;border-radius:10px;border:1.5px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;font-size:.97rem;outline:none;box-sizing:border-box;transition:border-color .2s;font-family:inherit}.modal-input[data-v-4c9acc35]::placeholder{color:#6e6e8a}.modal-input[data-v-4c9acc35]:focus{border-color:#92cf48}.modal-btn-primary[data-v-4c9acc35]{width:100%;padding:14px 24px;background:#92cf48;color:#1a1a2e;font-size:1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:opacity .2s,transform .1s;font-family:inherit}.modal-btn-primary[data-v-4c9acc35]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.modal-btn-primary[data-v-4c9acc35]:disabled{opacity:.6;cursor:not-allowed}.modal-feedback[data-v-4c9acc35]{border-radius:10px;padding:14px 18px;font-size:.92rem;line-height:1.6;margin-bottom:20px}.modal-feedback--success[data-v-4c9acc35]{background:#92cf481f;color:#92cf48;border:1px solid rgba(146,207,72,.3)}.modal-feedback--duplicate[data-v-4c9acc35]{background:#ffc1071a;color:#ffc107;border:1px solid rgba(255,193,7,.25)}.modal-feedback--error[data-v-4c9acc35]{background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.25);margin-top:12px;margin-bottom:0}.modal-footer[data-v-4c9acc35]{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.modal-btn-ghost[data-v-4c9acc35]{background:none;border:none;color:#fff6;font-size:.88rem;font-weight:600;cursor:pointer;padding:8px 12px;border-radius:8px;transition:color .2s,background .2s;font-family:inherit}.modal-btn-ghost[data-v-4c9acc35]:hover{color:#ffffffbf;background:#ffffff0f}.modal-btn-outline[data-v-4c9acc35]{display:inline-block;background:transparent;border:1.5px solid rgba(146,207,72,.4);color:#92cf48;font-size:.88rem;font-weight:700;padding:8px 18px;border-radius:8px;text-decoration:none;transition:background .2s,border-color .2s}.modal-btn-outline[data-v-4c9acc35]:hover{background:#92cf481a;border-color:#92cf48b3}.modal-enter-active[data-v-4c9acc35],.modal-leave-active[data-v-4c9acc35]{transition:opacity .2s ease}.modal-enter-active .modal-box[data-v-4c9acc35],.modal-leave-active .modal-box[data-v-4c9acc35]{transition:transform .2s ease,opacity .2s ease}.modal-enter-from[data-v-4c9acc35],.modal-leave-to[data-v-4c9acc35]{opacity:0}.modal-enter-from .modal-box[data-v-4c9acc35],.modal-leave-to .modal-box[data-v-4c9acc35]{transform:translateY(16px) scale(.97);opacity:0}.demo-page[data-v-d1acee11]{min-height:100vh;background:linear-gradient(135deg,#1a1832,#282639,#1e1b30);padding:40px 16px 60px}.demo-header[data-v-d1acee11]{text-align:center;margin-bottom:40px}.demo-title[data-v-d1acee11]{font-size:2rem;font-weight:800;color:#fff;margin:0 0 8px}.demo-subtitle[data-v-d1acee11]{font-size:1.1rem;color:#fff9;margin:0 0 20px}.demo-chips[data-v-d1acee11]{display:flex;gap:12px;justify-content:center}.demo-chip[data-v-d1acee11]{padding:6px 18px;border-radius:20px;font-size:.85rem;font-weight:700;letter-spacing:.5px}.chip-manager[data-v-d1acee11]{background:linear-gradient(135deg,#007aff,#0051d5);color:#fff}.chip-pracownik[data-v-d1acee11]{background:linear-gradient(135deg,#3ddc84,#30c770);color:#1a1a1a}.reset-row[data-v-d1acee11]{text-align:center;margin-top:24px}.reset-btn[data-v-d1acee11]{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:8px 24px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.reset-btn[data-v-d1acee11]:hover{background:#ffffff1a;color:#fff;border-color:#ffffff80}.fab-signup[data-v-d1acee11]{position:fixed;bottom:28px;right:24px;display:flex;align-items:center;gap:10px;background:#92cf48;color:#1a1a2e;border:none;border-radius:50px;padding:14px 22px;font-size:.92rem;font-weight:700;cursor:pointer;box-shadow:0 6px 24px #92cf4859;z-index:500;font-family:inherit;transition:transform .2s,box-shadow .2s,opacity .2s;animation:fabPulse-d1acee11 3s ease-in-out infinite}.fab-signup[data-v-d1acee11]:hover{transform:translateY(-2px);box-shadow:0 10px 32px #92cf4880;animation:none}@keyframes fabPulse-d1acee11{0%,to{box-shadow:0 6px 24px #92cf4859}50%{box-shadow:0 6px 32px #92cf4899}}.fab-icon[data-v-d1acee11]{font-size:1rem;flex-shrink:0}@media (max-width: 600px){.fab-signup[data-v-d1acee11]{bottom:16px;right:12px;padding:12px 16px;font-size:.82rem}}.back-row[data-v-d1acee11]{text-align:center;margin-top:16px}.back-link[data-v-d1acee11]{display:inline-flex;align-items:center;gap:8px;color:#ffffff80;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.back-link[data-v-d1acee11]:hover{color:#92cf48}.back-link-arrow[data-v-d1acee11]{font-size:1.1rem;transition:transform .2s}.back-link:hover .back-link-arrow[data-v-d1acee11]{transform:translate(-4px)}.phones-wrapper[data-v-d1acee11]{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:40px}.phone-wrapper[data-v-d1acee11]{flex:0 0 auto}.phone-frame[data-v-d1acee11]{width:390px;height:780px;background:#1a1a1a;border-radius:40px;padding:12px;box-shadow:0 20px 60px #0006;border:6px solid #2a2a2a;position:relative;flex-shrink:0;transform-origin:top left}[data-v-d1acee11] .phone-frame--manager{border-color:#007aff;box-shadow:0 20px 60px #007aff33,0 0 0 2px #007aff1a}[data-v-d1acee11] .phone-frame--pracownik{border-color:#3ddc84;box-shadow:0 20px 60px #3ddc8433,0 0 0 2px #3ddc841a}.phone-frame[data-v-d1acee11] .phone-notch{width:150px;height:24px;background:#1a1a1a;margin:0 auto;border-radius:0 0 16px 16px;position:relative;z-index:2}.phone-frame[data-v-d1acee11] .phone-screen{background:#fff;border-radius:28px;height:calc(100% - 24px);overflow:hidden;display:flex;flex-direction:column}.phone-frame[data-v-d1acee11] .phone-navbar{background:#282639;color:#fff;min-height:100px}.phone-frame[data-v-d1acee11] .phone-tab-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;background:#fff}.phone-frame[data-v-d1acee11] .dash-content{display:flex;flex-direction:column;min-width:0;overflow:hidden}.phone-frame[data-v-d1acee11] .dash-greeting{background:linear-gradient(135deg,#f0f4ff,#f5f0ff);border-radius:10px}.phone-frame[data-v-d1acee11] .dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.phone-frame[data-v-d1acee11] .dash-stat-card{border-radius:10px;min-width:0;overflow:hidden}.phone-frame[data-v-d1acee11] .dash-stat-card--clickable{cursor:pointer;transition:all .2s ease}.phone-frame[data-v-d1acee11] .dash-stat-card--clickable:hover{border-color:#f9a825;box-shadow:0 2px 8px #f9a82526}.phone-frame[data-v-d1acee11] .dash-stat-label{font-size:20px;color:#666;word-wrap:break-word}.phone-frame[data-v-d1acee11] .dash-stat-value{font-size:26px;font-weight:700;color:#282639;margin-top:4px;word-wrap:break-word}.phone-frame[data-v-d1acee11] .dash-banner{background:#fff8e1;border:1px solid #ffe082;border-radius:10px;padding:18px 20px;font-size:20px}.phone-frame[data-v-d1acee11] .cl-list{display:flex;flex-direction:column}.phone-frame[data-v-d1acee11] .cl-card{border-radius:10px;cursor:pointer;transition:all .2s ease}.phone-frame[data-v-d1acee11] .cl-card:hover{border-color:#92cf4866;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.phone-frame[data-v-d1acee11] .cl-sync-hint{display:flex;align-items:center;font-size:18px;color:#888;background:#f0f7ff;border:1px solid #d0e3ff;border-radius:8px;padding:0;margin-bottom:0;line-height:1.3;opacity:0;max-height:0;overflow:hidden;transition:opacity .4s ease,max-height .4s ease,padding .4s ease,margin-bottom .4s ease}.phone-frame[data-v-d1acee11] .cl-sync-hint--visible{opacity:1;max-height:80px;padding:14px 17px;margin-bottom:10px}.phone-frame[data-v-d1acee11] .cl-detail{display:flex;flex-direction:column}.phone-frame[data-v-d1acee11] .cl-detail-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.phone-frame[data-v-d1acee11] .cl-detail-title{flex:1;min-width:0}.phone-frame[data-v-d1acee11] .cl-detail-progress{display:flex;align-items:center}.phone-frame[data-v-d1acee11] .cl-items{display:flex;flex-direction:column;gap:8px}.phone-frame[data-v-d1acee11] .cl-item{display:flex;align-items:flex-start;gap:14px;padding:20px;background:#f9f9f9;border-radius:10px;border:2px solid transparent;transition:all .3s ease}.phone-frame[data-v-d1acee11] .cl-item--active{cursor:pointer}.phone-frame[data-v-d1acee11] .cl-item--active:hover{background:#f0f0f0;border-color:#92cf484d;transform:translate(3px)}.phone-frame[data-v-d1acee11] .cl-item--done{background:#f0f9f4;border-color:#4caf5033}.phone-frame[data-v-d1acee11] .cl-item-check{flex-shrink:0;display:flex;align-items:center;padding-top:1px}.phone-frame[data-v-d1acee11] .cl-item-body{flex:1;min-width:0}.phone-frame[data-v-d1acee11] .cl-item-text{font-size:23px;font-weight:600;color:#282639;line-height:1.4}.phone-frame[data-v-d1acee11] .cl-item-done{text-decoration:line-through;color:#999}.phone-frame[data-v-d1acee11] .cl-item-value{font-size:21px;color:#92cf48;font-weight:700;margin-top:4px}.phone-frame[data-v-d1acee11] .cl-input-row{display:flex;align-items:center;gap:8px;margin-top:8px;padding:14px 17px;background:#fff;border:2px solid #92cf48;border-radius:8px;box-shadow:0 2px 8px #92cf4833}.phone-frame[data-v-d1acee11] .cl-input{flex:1;border:none;outline:none;font-size:23px;font-weight:600;color:#282639;min-width:0;padding:10px 0;font-family:inherit}.phone-frame[data-v-d1acee11] .cl-input::placeholder{color:#aaa;font-weight:400}.phone-frame[data-v-d1acee11] .cl-input-suffix{font-size:21px;color:#888;font-weight:600;white-space:nowrap}.phone-frame[data-v-d1acee11] .cl-detail-actions{padding:10px 0}.phone-frame[data-v-d1acee11] .phone-bottom-nav{border-top:1px solid #e0e0e0;background:#fff}.phone-frame[data-v-d1acee11] .phone-bottom-nav .q-tab{min-height:96px;padding:10px 0;font-size:1.15rem}.phone-frame[data-v-d1acee11] .phone-bottom-nav .q-tab__label{font-size:18px;line-height:1.2}.phone-frame[data-v-d1acee11] .phone-bottom-nav .q-tab__icon{font-size:2.1rem}.phone-frame[data-v-d1acee11] .zarz-content{display:flex;flex-direction:column}.phone-frame[data-v-d1acee11] .zarz-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.phone-frame[data-v-d1acee11] .zarz-grid--2col{grid-template-columns:1fr 1fr}.phone-frame[data-v-d1acee11] .zarz-tile{border-radius:12px;transition:all .2s ease}.phone-frame[data-v-d1acee11] .zarz-tile--active{cursor:pointer}.phone-frame[data-v-d1acee11] .zarz-tile--active:hover{border-color:#92cf4866;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.phone-frame[data-v-d1acee11] .zarz-tile--disabled{opacity:.45;pointer-events:none;background:#f5f5f5}.phone-frame[data-v-d1acee11] .zarz-tile-body{padding:14px 12px}.phone-frame[data-v-d1acee11] .zarz-tile-emoji{font-size:28px;margin-bottom:6px}.phone-frame[data-v-d1acee11] .zarz-tile-title{font-size:18px;font-weight:700;color:#282639;line-height:1.3}.phone-frame[data-v-d1acee11] .zarz-tile-desc{font-size:14px;color:#888;margin-top:2px;line-height:1.3}.phone-frame[data-v-d1acee11] .zarz-section-title{font-size:18px;font-weight:700;color:#282639;margin-bottom:4px}.phone-frame[data-v-d1acee11] .zarz-settings-list{padding:0}.phone-frame[data-v-d1acee11] .zarz-settings-item{opacity:.55;min-height:40px}.phone-frame[data-v-d1acee11] .zarz-settings-label{font-size:17px}.phone-frame[data-v-d1acee11] .zarz-cta-btn{font-size:16px;border-radius:10px;padding:8px 20px}.phone-frame[data-v-d1acee11] .zarz-back-btn{font-size:17px;color:#282639}.phone-frame[data-v-d1acee11] .mon-title{font-size:20px;font-weight:700;color:#282639;margin-bottom:12px}.phone-frame[data-v-d1acee11] .mon-card{background:#f9f9f9;border-radius:12px;padding:14px 16px;margin-bottom:10px}.phone-frame[data-v-d1acee11] .mon-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.phone-frame[data-v-d1acee11] .mon-avatar-wrap{position:relative;flex-shrink:0}.phone-frame[data-v-d1acee11] .mon-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700}.phone-frame[data-v-d1acee11] .mon-status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid #f9f9f9}.phone-frame[data-v-d1acee11] .mon-status-dot--online{background:#3ddc84}.phone-frame[data-v-d1acee11] .mon-status-dot--offline{background:#bbb}.phone-frame[data-v-d1acee11] .mon-info{flex:1;min-width:0}.phone-frame[data-v-d1acee11] .mon-name{font-size:18px;font-weight:700;color:#282639}.phone-frame[data-v-d1acee11] .mon-time{font-size:14px;color:#888;display:flex;align-items:center}.phone-frame[data-v-d1acee11] .mon-shift{font-size:15px;color:#555;margin-bottom:8px}.phone-frame[data-v-d1acee11] .mon-progress-row{display:flex;align-items:center;gap:10px}.phone-frame[data-v-d1acee11] .mon-progress-bar{flex:1}.phone-frame[data-v-d1acee11] .mon-progress-label{font-size:14px;color:#666;white-space:nowrap}@media (max-width: 900px) and (min-width: 601px){.phones-wrapper[data-v-d1acee11]{gap:16px}.phone-wrapper[data-v-d1acee11]{width:265.2px;height:530.4px;overflow:visible}.phone-frame[data-v-d1acee11]{transform:scale(.68)}}@media (max-width: 600px){.demo-page[data-v-d1acee11]{padding:24px 4px 40px}.demo-title[data-v-d1acee11]{font-size:1.4rem}.demo-subtitle[data-v-d1acee11]{font-size:.9rem}.phones-wrapper[data-v-d1acee11]{gap:4px}.phone-wrapper[data-v-d1acee11]{width:195px;height:390px;overflow:visible}.phone-frame[data-v-d1acee11]{transform:scale(.5)}}