html,body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f7fafc;color:#2d3748;max-width:100vw;overflow-x:hidden}#app{min-height:100vh;max-width:100vw;overflow-x:hidden}.main-content{min-height:100vh;background:#f7fafc;flex:1;padding:20px;margin-left:280px;box-sizing:border-box;overflow-x:hidden;transition:margin-left .3s ease,width .3s ease}.main-content.no-sidebar{margin-left:0;max-width:100vw}@media (max-width: 768px){#app{display:block}.main-content{margin-left:0;width:100%;max-width:100vw;padding:10px;transition:none}.main-content.no-sidebar{margin-left:0;width:100%;max-width:100vw;transition:none}}:root{--color-primary: #8B9DC3;--color-primary-hover: #7A8BB0;--color-accent: #A8D5BA;--color-accent-hover: #9BC3AD;--color-bg-light: #F5F7FA;--color-bg-lighter: #FFFFFF;--color-bg-medium: #E8ECF1;--color-border: #D1D5DB;--color-border-light: #E8ECF1;--color-text-primary: #4A5568;--color-text-secondary: #718096;--color-text-muted: #A0AEC0;--color-success: #A8D5BA;--color-success-text: #2F855A;--color-warning: #FBD38D;--color-warning-text: #C05621;--color-info: #9F7AEA;--color-info-text: #FFFFFF;--color-danger: #FEB2B2;--color-danger-text: #C53030;--shadow-light: 0 2px 12px rgba(139, 157, 195, .08);--shadow-medium: 0 4px 20px rgba(139, 157, 195, .15);--shadow-heavy: 0 8px 32px rgba(139, 157, 195, .2)}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.btn-sm{padding:4px 8px;font-size:12px}.btn-lg{padding:12px 24px;font-size:16px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-bg-light);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-medium);color:var(--color-text-primary);border-color:var(--color-primary)}.btn-danger{background:var(--color-danger);color:var(--color-danger-text)}.btn-danger:hover{background:#fc8181}.btn-success{background:var(--color-success);color:var(--color-success-text)}.btn-success:hover{background:var(--color-accent-hover)}.btn-warning{background:var(--color-warning);color:var(--color-warning-text)}.btn-warning:hover{background:#f6ad55}.btn-info{background:var(--color-info);color:var(--color-info-text)}.btn-info:hover{background:#805ad5}.btn-sm{padding:6px 12px;font-size:12px;min-height:32px}.btn-lg{padding:12px 20px;font-size:16px;min-height:48px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus{outline:none;box-shadow:0 0 0 3px #8b9dc333}.btn-edit,.btn-delete{flex:1;text-align:center;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;font-weight:400;font-size:13px;padding:12px 18px;margin:0 6px}.btn-edit{background:var(--color-accent);color:var(--color-success-text)}.btn-edit:hover:not(:disabled){background:var(--color-accent-hover)}.btn-delete{background:var(--color-danger);color:var(--color-danger-text)}.btn-delete:hover:not(:disabled){background:#fc8181}.status-btn{font-size:14px;padding:8px 16px;border-radius:6px;border:1px solid transparent;transition:opacity .2s ease;opacity:.3;font-weight:500}.status-btn.active{opacity:1}.status-btn:hover:not(.active){opacity:.8}.btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-muted);position:relative;z-index:15}.btn-close:hover{color:var(--color-text-primary)}.btn-pending{background:var(--color-warning);color:var(--color-warning-text)}.btn-pending:hover:not(:disabled){background:#f6ad55}.btn-in-progress{background:var(--color-info);color:var(--color-info-text)}.btn-in-progress:hover:not(:disabled){background:#805ad5}.btn-completed{background:var(--color-success);color:var(--color-success-text)}.btn-completed:hover:not(:disabled){background:var(--color-accent-hover)}.btn-cancelled{background:var(--color-danger);color:var(--color-danger-text)}.btn-cancelled:hover:not(:disabled){background:#fc8181}.btn-outline-primary{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-outline-primary:hover{background:var(--color-primary);color:#fff}.btn-outline-success{background:transparent;color:var(--color-success);border:1px solid var(--color-success)}.btn-outline-success:hover{background:var(--color-success);color:#fff}.btn-outline-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-outline-secondary:hover{background:var(--color-bg-light);color:var(--color-text-primary);border-color:var(--color-primary)}.badge{display:inline-block;padding:4px 8px;font-size:12px;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:var(--color-primary);color:#fff}.badge-secondary{background:var(--color-bg-medium);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge-success{background:var(--color-success);color:var(--color-success-text)}.badge-warning{background:var(--color-warning);color:var(--color-warning-text)}.badge-info{background:var(--color-info);color:var(--color-info-text)}.badge-danger{background:var(--color-danger);color:var(--color-danger-text)}.badge-light{background:var(--color-bg-light);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge-dark{background:var(--color-text-primary);color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;box-sizing:border-box}.modal,.modal-content{background:#fff;border-radius:6px;box-shadow:0 10px 25px #0003;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;position:relative;z-index:10001}.modal.large,.modal-content.large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:1px solid #e5e7eb;margin-bottom:0;position:sticky;top:0;background:#fff;z-index:10}.modal-header h2,.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.close-button,.btn-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-button:hover,.btn-close:hover{color:#374151}.modal-body{padding:0 24px 24px}.users-checkbox-list{max-height:300px;overflow-y:auto;border:1px solid var(--color-border-light);border-radius:8px;padding:15px;background:var(--color-bg-lighter)}.user-checkbox-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;margin-bottom:8px;background:#fff;border-radius:6px;border:1px solid var(--color-border-light);transition:all .2s ease}.user-checkbox-item:hover{background:var(--color-bg-light);border-color:var(--color-primary)}.user-checkbox-item:last-child{margin-bottom:0}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:transparent}.modal::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}.modal::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}@media (max-width: 768px){.modal,.modal-content{margin:10px;max-width:none;width:calc(100% - 20px)}.modal-header{padding:20px}.modal-header h2,.modal-header h3{font-size:18px}.modal-body{padding:0 20px 20px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.card{background:var(--color-bg-lighter);border-radius:6px;overflow:hidden;box-shadow:var(--shadow-light);border:1px solid var(--color-border-light);display:flex;flex-direction:column;transition:all .3s ease;position:relative}.card:hover{box-shadow:var(--shadow-medium)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary);opacity:0;transition:opacity .3s ease}.card:hover:before{opacity:1}.card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--color-bg-light);border-bottom:1px solid var(--color-border-light);position:relative}.card-header:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-light),transparent)}.card-body{padding:24px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.card-footer{display:flex;justify-content:space-around;padding:20px 24px;background:var(--color-bg-light);border-top:1px solid var(--color-border-light);position:relative}.card-footer:before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-light),transparent)}.card-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--color-border-light);position:relative}.card-meta:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-light),transparent)}.meta-item{display:flex;align-items:center;gap:10px;min-width:130px;justify-content:space-between;padding:6px 0}.meta-label{font-size:11px;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.8px}.meta-value{font-size:13px;font-weight:600;color:var(--color-text-primary);background:var(--color-bg-light);padding:3px 10px;border-radius:6px;border:1px solid var(--color-border-light)}.card-status{display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px #fffc}.status-dot.active{background-color:var(--color-success);box-shadow:0 0 0 2px #a8d5ba4d}.status-dot.inactive{background-color:var(--color-warning);box-shadow:0 0 0 2px #fbd38d4d}.status-dot.danger{background-color:var(--color-danger);box-shadow:0 0 0 2px #feb2b24d}.status-text{font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.card-actions{display:flex;gap:8px}.card-actions .btn{border-radius:6px;font-size:12px;padding:10px 18px;min-width:100px;font-weight:500;text-transform:uppercase;letter-spacing:.8px}.card-main{margin-bottom:20px;flex-grow:1}.card-title{font-size:22px;font-weight:700;color:var(--color-text-primary);text-decoration:none;display:block;margin-bottom:12px;transition:color .2s ease;line-height:1.3}.card-title:hover{color:var(--color-primary);text-decoration:none}.card-description{font-size:15px;color:var(--color-text-secondary);line-height:1.6;height:3.6em;overflow:hidden;text-overflow:ellipsis;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;opacity:.85}.card-inactive{opacity:.6;filter:grayscale(.3);background:var(--color-bg-medium)}.card-inactive .card-header,.card-inactive .card-footer{background:var(--color-bg-medium)}@media (max-width: 768px){.card{margin:0}.card-meta{flex-direction:column;gap:8px}.meta-item{justify-content:space-between}}.page-container{padding:40px;width:100%;max-width:none;margin:0;box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;background:var(--color-bg-light);padding:35px;border-radius:6px;box-shadow:var(--shadow-light);border:1px solid var(--color-border-light);position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:6px 6px 0 0}.page-header-content{flex-grow:1}.page-title{margin:0 0 8px;color:var(--color-text-primary);font-size:32px;font-weight:700;letter-spacing:-.5px}.page-description{margin:0;color:var(--color-text-secondary);font-size:16px;line-height:1.5;opacity:.9}.page-actions{display:flex;gap:10px}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}@media (min-width: 1600px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px}}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;color:var(--color-text-secondary);background:var(--color-bg-light);border-radius:6px;box-shadow:var(--shadow-light);border:1px solid var(--color-border-light);min-height:auto}.loading-spinner{border:5px solid var(--color-border-light);border-top:5px solid var(--color-primary);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin-bottom:25px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{margin:0;color:var(--color-text-secondary);font-size:18px;font-weight:500}.empty-icon{font-size:100px;margin-bottom:25px;opacity:.6}.empty-state h3{margin:0 0 20px;color:var(--color-text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px}.empty-state p{margin:0 0 30px;color:var(--color-text-secondary);font-size:18px;line-height:1.6;max-width:450px}@media (max-width: 1200px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}}@media (max-width: 900px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width: 768px){.page-container{padding:15px 10px;overflow-x:hidden;width:100%;max-width:none;margin:0}.page-header{flex-direction:column;gap:15px;text-align:left;padding:20px 15px;margin-bottom:30px;overflow-x:hidden}.page-header-content{width:100%;min-width:0}.page-actions{width:100%;flex-wrap:wrap}.page-actions .btn{width:100%}.content-grid{grid-template-columns:1fr;gap:20px}.loading-state,.empty-state{padding:60px 20px;min-height:300px}.page-title{font-size:24px}.page-description{font-size:14px}}.content-section{margin:0 auto 30px;background:#fff;border-radius:6px;box-shadow:var(--shadow-light);padding:30px}.content-section h2{color:var(--color-text-primary);margin:0 0 30px;border-bottom:2px solid var(--color-primary);padding-bottom:20px;font-size:28px;font-weight:700;letter-spacing:-.5px}.form-group{margin-bottom:20px;width:100%;box-sizing:border-box}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--color-text-primary);font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease;background:var(--color-bg-light);color:var(--color-text-primary);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #8b9dc31a;background:var(--color-bg-lighter)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--color-primary)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg-medium)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted);opacity:.7}.form-group textarea{min-height:100px;resize:vertical;line-height:1.5}.form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group input[type=checkbox],.form-group input[type=radio]{width:auto;margin-right:8px;cursor:pointer}.form-group input[type=checkbox]+label,.form-group input[type=radio]+label{display:inline;margin-bottom:0;cursor:pointer}.form-checkbox-group,.form-radio-group{display:flex;align-items:center;gap:8px;margin-bottom:15px}.form-group input:invalid,.form-group select:invalid,.form-group textarea:invalid{border-color:var(--color-danger)}.form-group input:invalid:focus,.form-group select:invalid:focus,.form-group textarea:invalid:focus{box-shadow:0 0 0 3px #feb2b21a}.form-error{color:var(--color-danger);font-size:12px;margin-top:4px;display:block}.form-help{color:var(--color-text-muted);font-size:12px;margin-top:4px;display:block}.form-horizontal{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start}.form-horizontal .form-group{margin-bottom:0}.form-horizontal .form-group label{margin-bottom:0;padding-top:10px}@media (max-width: 768px){.form-horizontal{grid-template-columns:1fr;gap:15px}.form-horizontal .form-group label{padding-top:0;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{font-size:16px}}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{margin:0}.checkbox-label span{margin-left:10px}.radio-group{display:flex;flex-direction:column;gap:10px;margin-top:10px}.radio-label{display:flex;align-items:center;cursor:pointer;padding:10px;border-radius:6px;background-color:var(--color-bg-medium);transition:background-color .2s ease}.radio-label:hover{background-color:var(--color-bg-light)}.radio-label input[type=radio]{margin:0}.radio-text{font-size:16px;color:var(--color-text-secondary)}.frequency-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.frequency-button{padding:8px 12px;border:2px solid var(--color-border-light);border-radius:6px;background:var(--color-bg-light);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;min-width:80px;max-width:none;width:auto;text-align:center;white-space:nowrap;box-sizing:border-box}.frequency-button:hover{border-color:var(--color-primary);background:var(--color-bg-lighter)}.frequency-button.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.frequency-button input[type=radio]{display:none}.frequency-buttons .frequency-button{width:auto!important}.due-type-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.due-type-button{padding:8px 12px;border:2px solid var(--color-border-light);border-radius:6px;background:var(--color-bg-light);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;min-width:120px;max-width:none;width:auto;text-align:center;white-space:nowrap;box-sizing:border-box}.due-type-button:hover{border-color:var(--color-primary);background:var(--color-bg-lighter)}.due-type-button.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.due-type-button input[type=radio]{display:none}.due-type-buttons .due-type-button{width:auto!important;max-width:none}.task-type-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.task-type-button{padding:8px 12px;border:2px solid var(--color-border-light);border-radius:6px;background:var(--color-bg-light);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;min-width:120px;max-width:none;width:auto;text-align:center;white-space:nowrap;box-sizing:border-box}.task-type-button:hover{border-color:var(--color-primary);background:var(--color-bg-lighter)}.task-type-button.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.task-type-button input[type=radio]{display:none}.task-type-buttons .task-type-button{width:auto!important;max-width:none}.status-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--color-border-light);border-radius:6px;background:var(--color-bg-light);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;margin-right:12px;margin-bottom:0;min-width:100px;justify-content:center;box-sizing:border-box}.status-indicator:hover{border-color:var(--color-primary);background:var(--color-bg-lighter)}.status-indicator.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.status-indicator input[type=radio]{display:none}.status-indicator .status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.template-status{display:flex;flex-wrap:wrap;gap:8px}.amount-input-container{max-width:200px}.amount-input{width:100%!important;max-width:200px}.quick-amount-buttons{margin-top:8px;display:flex;flex-direction:column;gap:4px}.quick-amount-row{display:flex;gap:4px}.quick-amount-btn{padding:4px 8px;border:1px solid var(--color-border-light);border-radius:4px;background:var(--color-bg-light);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;font-size:11px;font-weight:500;min-width:50px;text-align:center;white-space:nowrap;box-sizing:border-box}.quick-amount-btn:hover{border-color:var(--color-primary);background:var(--color-bg-lighter)}.quick-amount-btn.quick-amount-add{color:var(--color-success);border-color:#a8d5ba66}.quick-amount-btn.quick-amount-add:hover{background:#a8d5ba1a;border-color:var(--color-success)}.quick-amount-btn.quick-amount-subtract{color:var(--color-warning);border-color:#fbd38d66}.quick-amount-btn.quick-amount-subtract:hover{background:#fbd38d1a;border-color:var(--color-warning)}.template-status{display:flex;align-items:center;gap:15px;margin-top:8px}.status-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-indicator.active{background:#a8d5ba33;color:var(--color-success);border:1px solid rgba(168,213,186,.4)}.status-indicator.inactive{background:#fbd38d33;color:var(--color-warning);border:1px solid rgba(251,211,141,.4)}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.status-dot.active{background-color:var(--color-success)}.status-dot.inactive{background-color:var(--color-warning)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-actions{display:flex;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid var(--color-border-light)}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:15px}.frequency-buttons{gap:6px}.frequency-button{min-width:70px;padding:6px 10px;font-size:12px}.due-type-button{min-width:100px;padding:6px 10px;font-size:12px}.amount-input-container{max-width:150px}.template-status{flex-direction:column;align-items:flex-start;gap:10px}.form-actions{flex-direction:column;gap:10px}}@media (max-width: 480px){.frequency-buttons{gap:6px}.frequency-button{min-width:80px;padding:6px 10px;font-size:12px}}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.channel-card{background:var(--color-bg-lighter);border:1px solid var(--color-border);border-radius:6px;padding:16px;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.channel-card:hover{box-shadow:0 4px 8px #0000001a;border-color:var(--color-primary)}.channel-card.card-inactive{opacity:.6;border-color:var(--color-border)}.channel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.channel-title{font-size:16px;font-weight:600;color:var(--color-text);margin:0;flex:1}.channel-actions{display:flex;gap:8px;flex-shrink:0}.channel-actions .btn{padding:6px 12px;font-size:12px;border-radius:4px}.channel-details{display:grid;grid-template-columns:1fr;gap:8px}.channel-detail{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--color-border-light)}.channel-detail:last-child{border-bottom:none}.detail-label{font-size:12px;color:var(--color-text-secondary);font-weight:500}.detail-value{font-size:12px;color:var(--color-text);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;word-break:break-all}.channel-status{display:flex;align-items:center;gap:6px}.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.success{background:var(--color-success-light);color:var(--color-success)}.status-badge.warning{background:var(--color-warning-light);color:var(--color-warning)}@media (max-width: 768px){.channels-grid{grid-template-columns:1fr;gap:16px}.channel-actions{flex-direction:column;gap:6px}.channel-actions .btn{width:100%}.channel-header{flex-direction:column;gap:12px;align-items:stretch}}.notification-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.notification-setting-item{background:var(--color-bg-lighter);border-radius:8px;padding:20px;border:1px solid var(--color-border-light);transition:all .2s ease;box-shadow:var(--shadow-light)}.notification-setting-item:hover{box-shadow:var(--shadow-medium);border-color:var(--color-primary)}.setting-info>div{margin-bottom:8px}.setting-info>div:last-child{margin-bottom:0}.setting-channel strong,.setting-frequency strong,.setting-time strong,.setting-message strong{color:var(--color-text-primary);font-weight:600}.channel-type{font-size:12px;color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.setting-actions{display:flex;gap:8px;margin-top:15px}.setting-actions .btn{padding:8px 16px;font-size:12px;font-weight:400;border-radius:6px}@media (max-width: 768px){.notification-settings-grid{grid-template-columns:1fr;gap:15px}.setting-actions{flex-direction:column;gap:10px}.setting-actions .btn{width:100%}}.assignees-list h3,.users-checkbox-list h4{color:var(--color-text-primary);margin-bottom:15px;font-size:18px;font-weight:600}.assignee-item{background:var(--color-bg-lighter);border-radius:8px;padding:15px;margin-bottom:10px;border:1px solid var(--color-border-light);transition:all .2s ease;box-shadow:var(--shadow-light);display:flex;justify-content:space-between;align-items:center}.assignee-item:hover{box-shadow:var(--shadow-medium);border-color:var(--color-primary)}.assignee-info{display:flex;flex-direction:column;gap:5px;flex:1}.assignee-email{font-size:13px;color:var(--color-text-muted)}.already-assigned{font-size:12px;color:var(--color-danger);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.assignee-item .btn-danger{flex-shrink:0;margin-left:15px}@media (max-width: 768px){.assignee-item{padding:12px}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{background:var(--color-bg-lighter);border:1px solid var(--color-border);border-radius:6px;padding:16px 20px;box-shadow:var(--shadow-medium);min-width:300px;max-width:400px;display:flex;align-items:flex-start;gap:12px;pointer-events:auto;animation:toast-slide-in .3s ease-out;transition:all .2s ease}.toast:hover{box-shadow:var(--shadow-heavy)}.toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:600}.toast.success{border-left:4px solid var(--color-success)}.toast.success .toast-icon{background:var(--color-success);color:var(--color-success-text)}.toast.error{border-left:4px solid var(--color-danger)}.toast.error .toast-icon{background:var(--color-danger);color:var(--color-danger-text)}.toast.warning{border-left:4px solid var(--color-warning)}.toast.warning .toast-icon{background:var(--color-warning);color:var(--color-warning-text)}.toast.info{border-left:4px solid var(--color-info)}.toast.info .toast-icon{background:var(--color-info);color:var(--color-info-text)}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;color:var(--color-text-primary);margin:0 0 4px;font-size:14px}.toast-message{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.4}.toast-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0;font-size:16px;line-height:1}.toast-close:hover{background:var(--color-bg-light);color:var(--color-text-primary)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast.hiding{animation:toast-slide-out .3s ease-in forwards}@media (max-width: 768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:none}}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:30px;padding:0;list-style:none;font-size:14px;color:var(--color-text-secondary)}.breadcrumb-item{display:flex;align-items:center;gap:8px}.breadcrumb-item:not(:last-child):after{content:"›";color:var(--color-border-medium);font-weight:600;margin-left:8px}.breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease;padding:4px 8px;border-radius:4px}.breadcrumb-link:hover{color:var(--color-primary);background:var(--color-bg-light)}.breadcrumb-current{color:var(--color-text-primary);font-weight:500;padding:4px 8px}@media (max-width: 768px){.breadcrumb{margin-bottom:20px;font-size:13px;gap:6px}.breadcrumb-item:not(:last-child):after{margin-left:6px}.breadcrumb-link,.breadcrumb-current{padding:3px 6px}}@media (max-width: 480px){.breadcrumb{margin-bottom:15px;font-size:12px;gap:4px}.breadcrumb-item:not(:last-child):after{margin-left:4px}.breadcrumb-link,.breadcrumb-current{padding:2px 4px}}.widget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-top:20px}.widget-content-inner{padding:0}.widget-stats{font-size:13px;color:var(--color-text-secondary);font-weight:500;margin-bottom:12px;padding:8px 12px;background:var(--color-bg-light);border-radius:4px}.widget-empty-state{text-align:center;padding:16px;color:var(--color-text-secondary);font-size:14px;font-style:italic;min-height:auto}.widget-empty-icon{font-size:20px;margin-bottom:6px}.widget-empty-text{font-weight:500;margin-bottom:4px}.widget-empty-description{font-size:12px;color:var(--color-text-muted)}.user-tasks-list{display:flex;flex-direction:column;gap:12px}.user-task-item{background:var(--color-bg-light);border-radius:6px;padding:12px;border:1px solid var(--color-border-light);transition:all .2s ease}.user-task-item:hover{box-shadow:var(--shadow-light)}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.task-title{font-size:14px;font-weight:500;color:var(--color-text-primary);flex:1;margin-right:8px}.task-status{padding:3px 8px;border-radius:8px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase}.task-status.pending{background:#fbd38d;color:#c05621}.task-status.in-progress{background:#9f7aea;color:#fff}.task-status.completed{background:#a8d5ba;color:#2f855a}.task-status.cancelled{background:#feb2b2;color:#c53030}.task-details{font-size:12px;color:var(--color-text-secondary);margin-bottom:6px;display:flex;gap:12px}.task-template{font-weight:500;color:var(--color-text-primary)}.task-due-date{font-size:11px;color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.overdue-badge{background:#feb2b2;color:#c53030;padding:1px 5px;border-radius:6px;font-size:9px;font-weight:600;text-transform:uppercase}.task-description{font-size:13px;color:var(--color-text-primary);margin-bottom:8px;line-height:1.4}.task-notes{font-size:12px;color:var(--color-text-secondary);font-style:italic;background:var(--color-bg-light);padding:6px;border-radius:4px}.task-amount{font-size:13px;color:var(--color-text-primary);font-weight:600;background:var(--color-bg-light);padding:6px 8px;border-radius:4px;margin-bottom:8px}.task-actions{margin-top:8px;display:flex;gap:8px}.task-link{text-decoration:none;color:inherit;display:block}.task-link:hover{text-decoration:none;color:inherit}.birthdays-list{display:flex;flex-direction:column;gap:12px}.birthday-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--color-bg-light);border-radius:6px;border:1px solid var(--color-border-light);transition:all .2s ease}.birthday-item:hover{box-shadow:var(--shadow-light)}.birthday-info{flex:1}.birthday-name{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.birthday-details{display:flex;gap:12px;font-size:12px}.birthday-date{color:var(--color-text-secondary)}.birthday-age{color:var(--color-success);font-weight:500}.birthday-countdown{display:flex;align-items:center}.today-badge{background:var(--color-danger);color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.tomorrow-badge{background:var(--color-info);color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.days-until{background:var(--color-bg-light);color:var(--color-text-primary);padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500}@media (max-width: 768px){.widget-grid{grid-template-columns:1fr}.birthday-item{flex-direction:column;gap:8px;align-items:flex-start}.birthday-details{flex-direction:column;gap:4px}}.navigation[data-v-b67c5152]{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #E8ECF1;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #8b9dc31a}.nav-container[data-v-b67c5152]{position:fixed;top:0;left:0;height:100vh;width:280px;background:#fff;border-right:1px solid #E2E8F0;box-shadow:2px 0 10px #0000001a;padding:20px 0;z-index:1000;display:flex;flex-direction:column;box-sizing:border-box}.nav-brand[data-v-b67c5152]{padding:0 20px 20px;border-bottom:1px solid #E2E8F0;margin-bottom:20px}.brand-icon[data-v-b67c5152]{font-size:28px;color:#8b9dc3}.brand-text[data-v-b67c5152]{color:#8b9dc3;font-weight:700}.nav-menu[data-v-b67c5152]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:8px;width:100%;flex:1}.nav-item[data-v-b67c5152]{margin:0}.nav-link[data-v-b67c5152]{display:flex;align-items:center;padding:12px 20px;text-decoration:none;color:#718096;border-radius:8px;transition:all .2s ease;font-weight:500;position:relative;background:transparent;margin:0 20px;width:calc(100% - 40px);box-sizing:border-box}.nav-link[data-v-b67c5152]:hover{background:#8b9dc314;color:#8b9dc3}.nav-link.active[data-v-b67c5152]{background:#8b9dc3;color:#fff;box-shadow:0 2px 8px #8b9dc333}.nav-link.active[data-v-b67c5152]:before{content:"";position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:4px;height:20px;background:#a8d5ba;border-radius:2px}.nav-text[data-v-b67c5152]{font-size:16px;font-weight:500;flex:1}.nav-description[data-v-b67c5152]{font-size:12px;color:#a0aec0;margin-top:2px;opacity:.8;transition:opacity .2s ease}.nav-link:hover .nav-description[data-v-b67c5152],.nav-link.active .nav-description[data-v-b67c5152]{opacity:1}.nav-group[data-v-b67c5152]{position:relative}.nav-link-group[data-v-b67c5152]{cursor:pointer;-webkit-user-select:none;user-select:none}.nav-arrow[data-v-b67c5152]{margin-left:auto;font-size:10px;transition:transform .2s ease;color:#718096}.nav-link-group.active .nav-arrow[data-v-b67c5152],.nav-arrow.expanded[data-v-b67c5152]{transform:rotate(180deg);color:#2d3748}.nav-submenu[data-v-b67c5152]{list-style:none;padding:0;margin:4px 20px 0;animation:slideDown-b67c5152 .2s ease-out}@keyframes slideDown-b67c5152{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-subitem[data-v-b67c5152]{margin:0}.nav-link-child[data-v-b67c5152]{padding:8px 16px!important;font-size:13px;opacity:.9;border-radius:4px;margin:2px 0;width:100%;box-sizing:border-box}.nav-link-child[data-v-b67c5152]:hover{background:#8b9dc31a;opacity:1}.nav-link-child.active[data-v-b67c5152]{background:#8b9dc333;color:#2d3748;opacity:1}.profile-section[data-v-b67c5152]{margin-top:auto;padding:20px;border-top:1px solid #E2E8F0}.profile-info[data-v-b67c5152]{margin-bottom:15px}.username[data-v-b67c5152]{display:block;font-weight:600;color:#2d3748;font-size:16px;margin-bottom:4px}.email[data-v-b67c5152]{display:block;color:#718096;font-size:14px}.profile-actions[data-v-b67c5152]{display:flex;flex-direction:column;gap:8px}.profile-settings-btn[data-v-b67c5152]{display:block;width:calc(100% - 40px);padding:12px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s;text-align:left;margin:0 20px 8px;font-size:14px;background:#e2e8f0;color:#4a5568;text-decoration:none;box-sizing:border-box}.profile-settings-btn[data-v-b67c5152]:hover{background:#d1d5db;color:#2d3748}.logout-btn[data-v-b67c5152]{display:block;width:calc(100% - 40px);padding:12px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s;text-align:left;margin:0 20px;font-size:14px;background:#f4a6a6;color:#fff;box-sizing:border-box}.logout-btn[data-v-b67c5152]:hover{background:#e89595}.nav-toggle[data-v-b67c5152]{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:transparent;border:none;cursor:pointer;padding:8px;box-sizing:border-box;z-index:1002}.nav-toggle span[data-v-b67c5152]{display:block;width:20px;height:2px;background:#4a5568;border-radius:2px;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transform-origin:center}.nav-toggle.active span[data-v-b67c5152]:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.active span[data-v-b67c5152]:nth-child(2){opacity:0}.nav-toggle.active span[data-v-b67c5152]:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 768px){.nav-container[data-v-b67c5152]{width:100%;max-width:320px;height:100vh;position:fixed;top:0;left:0;padding:15px 0;transform:translate(-100%);transition:transform .3s ease;z-index:1001;overflow-y:auto}.nav-container.mobile-open[data-v-b67c5152]{transform:translate(0)}.nav-backdrop[data-v-b67c5152]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-backdrop.active[data-v-b67c5152]{opacity:1;pointer-events:auto}.nav-brand[data-v-b67c5152]{padding-top:50px}.nav-menu[data-v-b67c5152]{padding:0;order:2;display:flex;gap:6px}.nav-group[data-v-b67c5152]{margin-bottom:0}.group-title[data-v-b67c5152]{font-size:13px;padding-left:12px;margin-bottom:10px}.nav-link[data-v-b67c5152]{padding:10px 12px;font-size:14px;margin:0 12px;width:calc(100% - 24px)}.nav-text[data-v-b67c5152]{font-size:14px}.nav-description[data-v-b67c5152]{font-size:11px}.nav-link[data-v-b67c5152]:hover,.nav-link.active[data-v-b67c5152]{background:#8b9dc314;color:#8b9dc3}.nav-link.active[data-v-b67c5152]:before{left:-10px;width:3px;height:16px}.nav-submenu[data-v-b67c5152]{margin:4px 0}.nav-link-child[data-v-b67c5152]{margin:2px 20px;width:calc(100% - 40px);padding:8px 12px!important}.profile-section[data-v-b67c5152]{border-top:none;margin-top:12px;padding-top:10px}.profile-settings-btn[data-v-b67c5152],.logout-btn[data-v-b67c5152]{margin:0;width:100%}.profile-dropdown[data-v-b67c5152]{right:-20px;min-width:200px}.nav-toggle[data-v-b67c5152]{display:flex;position:fixed;top:15px;right:15px;z-index:1002;background:#fff;border-radius:6px;box-shadow:0 2px 8px #00000026}}.loading-overlay[data-v-cf1603f1]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--color-bg-lighter)}.loading-spinner[data-v-cf1603f1]{width:40px;height:40px;border:4px solid var(--color-border-light);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin-cf1603f1 1s linear infinite;margin-bottom:20px}@keyframes spin-cf1603f1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay p[data-v-cf1603f1]{color:var(--color-text-secondary);font-size:16px;margin:0}.widget[data-v-262445e7]{background:#fff;border-radius:12px;box-shadow:0 2px 12px #8b9dc314;border:1px solid #E8ECF1;transition:all .2s ease;overflow:hidden}.widget[data-v-262445e7]:hover{box-shadow:0 4px 20px #8b9dc326}.widget-header[data-v-262445e7]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #E8ECF1;background:#f5f7fa}.widget-title[data-v-262445e7]{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1}.widget-title[data-v-262445e7]:hover{opacity:.8}.widget-icon[data-v-262445e7]{font-size:18px;color:#8b9dc3}.widget-title h3[data-v-262445e7]{margin:0;font-size:16px;font-weight:600;color:#4a5568}.collapse-icon[data-v-262445e7]{font-size:16px;color:#8b9dc3;cursor:pointer;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.collapse-icon.collapsed[data-v-262445e7]{transform:rotate(-90deg)}.widget-actions[data-v-262445e7]{display:flex;gap:6px}.remove-btn[data-v-262445e7]{background:#f5f7fa;color:#8b9dc3;border:1px solid #D1D5DB;width:22px;height:22px;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;font-weight:700}.remove-btn[data-v-262445e7]:hover{background:#e89595;color:#fff;border-color:#e89595}.widget-content[data-v-262445e7]{padding:20px}.widget--collapsed .widget-content[data-v-262445e7]{padding:0}.widget-manager[data-v-e5f0a274]{position:relative;margin-bottom:20px}.widget-manager-toggle[data-v-e5f0a274]{text-align:right;margin-bottom:20px}.toggle-btn[data-v-e5f0a274]{background:#f5f7fa;color:#4a5568;border:1px solid #D1D5DB;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #8b9dc31a}.toggle-btn[data-v-e5f0a274]:hover{background:#e8ecf1;color:#2d3748;border-color:#8b9dc3;box-shadow:0 2px 6px #8b9dc326}.widget-selector[data-v-e5f0a274]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #8b9dc314;border:1px solid #E8ECF1;margin-bottom:20px}.selector-header[data-v-e5f0a274]{text-align:center;margin-bottom:20px}.selector-header h3[data-v-e5f0a274]{margin:0 0 6px;font-size:20px;font-weight:600;color:#4a5568}.selector-header p[data-v-e5f0a274]{margin:0;color:#718096;font-size:14px}.selector-actions[data-v-e5f0a274]{margin-top:12px}.widget-grid[data-v-e5f0a274]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.widget-option[data-v-e5f0a274]{border:1px solid #E8ECF1;border-radius:10px;padding:16px;transition:all .2s ease;background:#f5f7fa}.widget-option[data-v-e5f0a274]:hover{border-color:#8b9dc3;background:#f0f4f8;box-shadow:0 2px 8px #8b9dc31a}.widget-option--enabled[data-v-e5f0a274]{border-color:#a8d5ba;background:#a8d5ba0d}.widget-option-header[data-v-e5f0a274]{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.widget-option-icon[data-v-e5f0a274]{font-size:24px;width:32px;text-align:center}.widget-option-info[data-v-e5f0a274]{flex:1}.widget-option-info h4[data-v-e5f0a274]{margin:0 0 4px;font-size:16px;font-weight:600;color:#4a5568}.widget-option-info p[data-v-e5f0a274]{margin:0;color:#718096;font-size:13px;line-height:1.4}.widget-option-status[data-v-e5f0a274]{font-size:11px;font-weight:500;padding:4px 8px;border-radius:12px;white-space:nowrap}.status-enabled[data-v-e5f0a274]{color:#2f855a;background:#a8d5ba33}.status-disabled[data-v-e5f0a274]{color:#718096;background:#8b9dc31a}.widget-option-actions[data-v-e5f0a274]{text-align:center}.add-btn[data-v-e5f0a274],.remove-btn[data-v-e5f0a274]{border:none;padding:6px 16px;border-radius:16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-btn[data-v-e5f0a274]{background:#a8d5ba;color:#2f855a}.add-btn[data-v-e5f0a274]:hover{background:#9bc3ad}.remove-btn[data-v-e5f0a274]{background:#f5f7fa;color:#8b9dc3;border:1px solid #D1D5DB}.remove-btn[data-v-e5f0a274]:hover{background:#e8ecf1;color:#4a5568;border-color:#8b9dc3}.reset-btn[data-v-e5f0a274]{background:#f5f7fa;color:#718096;border:1px solid #D1D5DB;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #8b9dc30d}.reset-btn[data-v-e5f0a274]:hover{background:#e8ecf1;color:#4a5568;border-color:#8b9dc3}@media (max-width: 768px){.widget-grid[data-v-e5f0a274]{grid-template-columns:1fr}.widget-option-header[data-v-e5f0a274]{flex-direction:column;text-align:center}}.loading[data-v-930fa512]{text-align:center;padding:20px;color:var(--color-text-secondary);font-size:14px}.card[data-v-571e364f]{max-width:400px;margin:0 auto}.participants-page[data-v-306f2a0e]{max-width:1200px;margin:0 auto;padding:20px;width:100%;box-sizing:border-box}.page-header[data-v-306f2a0e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1[data-v-306f2a0e]{margin:0;color:#333}.page-description[data-v-306f2a0e]{font-size:16px;color:#666;margin:0}.participants-content[data-v-306f2a0e]{display:grid;gap:30px}.section-card[data-v-306f2a0e]{background:#fffffff2;border-radius:16px;padding:30px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-header[data-v-306f2a0e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.section-header h2[data-v-306f2a0e]{margin:0;font-size:24px;font-weight:600;color:#333}.birthday-stats[data-v-306f2a0e]{background:#e3f2fd;color:#1976d2;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500}.loading[data-v-306f2a0e]{text-align:center;padding:40px;color:#666;font-size:16px}.empty-state[data-v-306f2a0e]{text-align:center;padding:16px;color:var(--color-text-secondary);font-size:14px;font-style:italic}.empty-icon[data-v-306f2a0e]{font-size:48px;margin-bottom:15px}.empty-text[data-v-306f2a0e]{font-size:18px;font-weight:500;margin-bottom:8px;color:#333}.empty-description[data-v-306f2a0e]{font-size:14px;opacity:.7}.birthdays-list[data-v-306f2a0e]{display:flex;flex-direction:column;gap:15px}.birthday-item[data-v-306f2a0e]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-radius:12px;border-left:4px solid #ff6b6b;transition:all .3s ease}.birthday-item[data-v-306f2a0e]:hover{box-shadow:0 4px 15px #ff6b6b33}.birthday-info[data-v-306f2a0e]{flex:1}.birthday-name[data-v-306f2a0e]{font-size:18px;font-weight:600;color:#333;margin-bottom:5px}.birthday-details[data-v-306f2a0e]{display:flex;gap:15px}.birthday-date[data-v-306f2a0e]{color:#666;font-size:14px}.birthday-age[data-v-306f2a0e]{color:#28a745;font-size:14px;font-weight:500}.birthday-countdown[data-v-306f2a0e]{display:flex;align-items:center}.today-badge[data-v-306f2a0e]{background:#dc3545;color:#fff;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.tomorrow-badge[data-v-306f2a0e]{background:#ffc107;color:#333;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.days-until[data-v-306f2a0e]{color:#667eea;font-weight:600;font-size:16px}.participants-table[data-v-306f2a0e]{width:100%;overflow-x:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}.participants-table table[data-v-306f2a0e]{width:100%;border-collapse:collapse;min-width:800px}.participants-table th[data-v-306f2a0e],.participants-table td[data-v-306f2a0e]{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0;vertical-align:top}.participants-table th[data-v-306f2a0e]:nth-child(1),.participants-table td[data-v-306f2a0e]:nth-child(1){width:200px}.participants-table th[data-v-306f2a0e]:nth-child(2),.participants-table td[data-v-306f2a0e]:nth-child(2){width:150px}.participants-table th[data-v-306f2a0e]:nth-child(3),.participants-table td[data-v-306f2a0e]:nth-child(3){width:200px}.participants-table th[data-v-306f2a0e]:nth-child(4),.participants-table td[data-v-306f2a0e]:nth-child(4){width:150px}.participants-table th[data-v-306f2a0e]:nth-child(5),.participants-table td[data-v-306f2a0e]:nth-child(5){width:150px}.participants-table th[data-v-306f2a0e]:nth-child(6),.participants-table td[data-v-306f2a0e]:nth-child(6){width:180px}.participants-table th[data-v-306f2a0e]:nth-child(7),.participants-table td[data-v-306f2a0e]:nth-child(7){width:200px}.participants-table th[data-v-306f2a0e]{background:#f8fafc;font-weight:600;color:#4a5568;font-size:14px}.participants-table td[data-v-306f2a0e]{color:#2d3748;font-size:14px}.add-form[data-v-306f2a0e]{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:20px;border:2px solid #e9ecef}.form-header[data-v-306f2a0e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #dee2e6}.form-header h3[data-v-306f2a0e]{margin:0;color:#333;font-size:18px}.form-content[data-v-306f2a0e]{display:grid;gap:15px}.edit-mode[data-v-306f2a0e]{display:flex;align-items:center;width:100%}.edit-input[data-v-306f2a0e]{width:100%;box-sizing:border-box;min-width:0}.edit-actions[data-v-306f2a0e],.view-actions[data-v-306f2a0e]{display:flex;gap:5px}.participant-toggle[data-v-306f2a0e],.participant-name-row[data-v-306f2a0e]{display:none}.participant-name-fallback[data-v-306f2a0e]{display:block}@media (max-width: 768px){.participants-page[data-v-306f2a0e]{padding:10px;max-width:640px;margin:0 auto}.section-card[data-v-306f2a0e]{padding:20px}.section-header[data-v-306f2a0e],.birthday-item[data-v-306f2a0e]{flex-direction:column;gap:15px;align-items:flex-start}.birthday-details[data-v-306f2a0e]{flex-direction:column;gap:5px}.participants-table[data-v-306f2a0e]{font-size:14px}.participants-table table[data-v-306f2a0e]{min-width:0}.participants-table thead[data-v-306f2a0e]{display:none}.participants-table tbody[data-v-306f2a0e],.participants-table tr[data-v-306f2a0e],.participants-table td[data-v-306f2a0e]{display:block;width:100%}.participants-table tr[data-v-306f2a0e]{border-bottom:1px solid #e2e8f0;padding:12px 10px;background:#fff}.participants-table td[data-v-306f2a0e]{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px 0;border-bottom:none}.participants-table td[data-v-306f2a0e]:before{content:attr(data-label);width:100%;color:#4a5568;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.participants-table td[data-v-306f2a0e]:first-child:before{display:none}.edit-actions[data-v-306f2a0e],.view-actions[data-v-306f2a0e]{flex-direction:column;width:100%}.edit-actions .btn[data-v-306f2a0e],.view-actions .btn[data-v-306f2a0e]{width:100%}.add-form[data-v-306f2a0e]{padding:15px}.edit-actions[data-v-306f2a0e],.view-actions[data-v-306f2a0e]{flex-direction:column;gap:3px}.edit-input[data-v-306f2a0e]{max-width:none}.participant-toggle[data-v-306f2a0e]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #cbd5e0;background:#fff;color:#2d3748;border-radius:4px;font-size:12px;line-height:1;cursor:pointer;flex:0 0 auto}.participant-name-row[data-v-306f2a0e]{display:flex;align-items:center;gap:10px}.participant-name-fallback[data-v-306f2a0e]{display:none}.participants-table tr.participant-collapsed td[data-v-306f2a0e]:not(:first-child){display:none}.participants-table tr.participant-collapsed td[data-v-306f2a0e]:first-child{padding-bottom:0}}.content-grid[data-v-ce2afd88]{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.meta-item[data-v-ce2afd88]{min-width:140px}@media (max-width: 900px){.content-grid[data-v-ce2afd88]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.content-grid[data-v-ce2afd88]{grid-template-columns:1fr}.meta-item[data-v-ce2afd88]{min-width:120px}}.content-grid[data-v-90f1a485]{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.card-footer a.btn[data-v-90f1a485]{text-decoration:none;display:inline-block}.meta-item[data-v-90f1a485]{min-width:140px}.form-group[data-v-90f1a485]{margin-bottom:15px}.form-group label[data-v-90f1a485]{display:block;margin-bottom:5px;font-weight:500;color:var(--color-text-primary)}.form-group input[data-v-90f1a485],.form-group select[data-v-90f1a485],.form-group textarea[data-v-90f1a485]{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-bg-lighter);color:var(--color-text-primary)}.form-group textarea[data-v-90f1a485]{resize:vertical;min-height:80px}@media (max-width: 900px){.content-grid[data-v-90f1a485]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.content-grid[data-v-90f1a485]{grid-template-columns:1fr}.meta-item[data-v-90f1a485]{min-width:120px}}.profile-content[data-v-07727ccc]{display:grid;gap:30px}@media (max-width: 768px){.btn[data-v-07727ccc]{width:100%}}.content-section[data-v-4bdc219f]{margin-top:30px}.content-section h2[data-v-4bdc219f]{margin:0 0 16px;font-size:20px;font-weight:600;color:var(--color-text-primary)}.channels-grid[data-v-4bdc219f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.channel-type-card[data-v-4bdc219f]{background:var(--color-bg-white);border-radius:6px;padding:24px;border:1px solid var(--color-border-light);cursor:pointer;transition:all .2s ease;text-decoration:none;color:inherit;display:block}.channel-type-card[data-v-4bdc219f]:hover:not(.disabled){box-shadow:var(--shadow-light);border-color:var(--color-border);text-decoration:none;color:inherit}.channel-type-card.disabled[data-v-4bdc219f]{opacity:.6;cursor:not-allowed}.channel-type-header[data-v-4bdc219f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.channel-type-header h3[data-v-4bdc219f]{margin:0;color:var(--color-text-primary);font-size:18px;font-weight:600}.channel-count[data-v-4bdc219f]{background:var(--color-bg-light);color:var(--color-text-secondary);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.channel-description[data-v-4bdc219f]{color:var(--color-text-secondary);margin:0;line-height:1.5;font-size:14px}.channel-actions .btn[data-v-f08738c7]{font-size:12px;padding:6px 12px}@media (max-width: 768px){.channel-actions[data-v-f08738c7]{flex-direction:column;gap:6px}.channel-actions .btn[data-v-f08738c7]{width:100%}}.task-notification-settings[data-v-d74a5e17]{margin-bottom:2rem}.empty-state[data-v-d74a5e17]{text-align:center;padding:2rem;color:var(--color-text-secondary)}.empty-state p[data-v-d74a5e17]{margin-bottom:1rem}.notification-settings-grid[data-v-d74a5e17]{display:grid;gap:1rem}.notification-setting-item[data-v-d74a5e17]{border:1px solid var(--color-border);border-radius:6px;padding:1rem;background:var(--color-background)}.setting-header[data-v-d74a5e17]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.setting-header h4[data-v-d74a5e17]{margin:0;color:var(--color-text)}.setting-actions[data-v-d74a5e17]{display:flex;gap:.5rem}.setting-details p[data-v-d74a5e17]{margin:.5rem 0;color:var(--color-text-secondary)}.setting-details strong[data-v-d74a5e17]{color:var(--color-text)}.due-settings-form[data-v-f48c0815]{margin-top:20px}.due-type-buttons[data-v-f48c0815]{display:flex;gap:10px;margin-top:10px}.due-type-button[data-v-f48c0815]{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .2s ease;background:var(--color-background)}.due-type-button[data-v-f48c0815]:hover{background:var(--color-background-hover)}.due-type-button.active[data-v-f48c0815]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.due-type-button input[type=radio][data-v-f48c0815]{margin:0}.amount-input-container[data-v-f48c0815]{margin-top:10px}.amount-input[data-v-f48c0815]{width:100%;padding:10px;border:1px solid var(--color-border);border-radius:6px;font-size:16px;margin-bottom:10px}.quick-amount-buttons[data-v-f48c0815]{display:flex;flex-direction:column;gap:8px}.quick-amount-row[data-v-f48c0815]{display:flex;gap:8px}.quick-amount-btn[data-v-f48c0815]{flex:1;padding:8px 12px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-background);cursor:pointer;transition:all .2s ease;font-size:14px}.quick-amount-btn[data-v-f48c0815]:hover{background:var(--color-background-hover)}.quick-amount-add[data-v-f48c0815]{color:var(--color-success)}.quick-amount-subtract[data-v-f48c0815]{color:var(--color-danger)}.assignees-list h3[data-v-73ec8829],.users-checkbox-list h4[data-v-73ec8829]{color:var(--color-text-primary);margin-bottom:15px;font-size:18px;font-weight:600}.task-assignments[data-v-aabda4ee]{margin-top:20px}.assignments-header[data-v-aabda4ee]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.assignments-header h3[data-v-aabda4ee]{margin:0;color:var(--color-text-primary)}.no-users-message[data-v-aabda4ee]{padding:10px;background:#fff3cd;border:1px solid #ffeeba;border-radius:6px;color:#856404;font-size:14px;margin-top:10px}.loading[data-v-aabda4ee],.empty-state[data-v-aabda4ee]{padding:20px;text-align:center;color:var(--color-text-muted)}.assignments-list[data-v-aabda4ee]{display:flex;flex-direction:column;gap:15px}.assignment-item[data-v-aabda4ee]{background:#fff;border:1px solid var(--color-border);border-radius:6px;padding:15px;box-shadow:0 1px 3px #0000001a}.assignment-info[data-v-aabda4ee]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.user-info[data-v-aabda4ee]{display:flex;flex-direction:column;gap:2px}.user-email[data-v-aabda4ee]{font-size:12px;color:var(--color-text-muted)}.assignment-status[data-v-aabda4ee]{display:flex;align-items:center}.assignment-details[data-v-aabda4ee]{margin-bottom:10px}.assignment-dates[data-v-aabda4ee]{display:flex;gap:10px;margin-bottom:5px;font-size:14px}.date-label[data-v-aabda4ee]{font-weight:500;color:var(--color-text-secondary);min-width:80px}.assignment-notes[data-v-aabda4ee]{margin-bottom:15px;padding:10px;background:var(--color-bg-light);border-radius:6px}.assignment-notes p[data-v-aabda4ee]{margin:5px 0 0;color:var(--color-text-muted)}.assignment-personal-contribution[data-v-aabda4ee]{margin-top:15px;margin-bottom:20px;padding:16px;background:var(--color-bg-light);border-radius:6px;border:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center;gap:16px}.contribution-info[data-v-aabda4ee]{flex-grow:1}.contribution-label[data-v-aabda4ee]{font-size:12px;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.contribution-details[data-v-aabda4ee]{display:flex;align-items:center;gap:12px}.contribution-amount[data-v-aabda4ee]{font-weight:600;color:var(--color-success);font-size:16px}.contribution-amount.calculated[data-v-aabda4ee]{color:var(--color-text-muted);font-style:italic}.contribution-amount.calculated small[data-v-aabda4ee]{color:var(--color-text-muted);font-size:12px}.contribution-amount.not-set[data-v-aabda4ee]{color:var(--color-text-muted);font-style:italic}.contribution-amount.personal[data-v-aabda4ee]{color:var(--color-primary);font-weight:700}.auto-saved-indicator[data-v-aabda4ee]{font-size:11px;color:var(--color-success);font-weight:500;text-transform:uppercase;letter-spacing:.5px;background:#a8d5ba1a;padding:2px 8px;border-radius:4px;border:1px solid rgba(168,213,186,.3)}.contribution-actions[data-v-aabda4ee]{flex-shrink:0}.assignment-actions[data-v-aabda4ee]{display:flex;gap:8px;flex-wrap:wrap}.assignment-item.completed[data-v-aabda4ee]{background:#f8fff8;border-color:var(--color-success);opacity:.9}.assignment-contribution-history[data-v-aabda4ee]{margin-top:15px;margin-bottom:20px;padding:16px;background:var(--color-bg-light);border-radius:6px;border:1px solid var(--color-border-light)}.assignment-contribution-history .contribution-info[data-v-aabda4ee]{flex-grow:1}.assignment-contribution-history .contribution-label[data-v-aabda4ee]{font-size:12px;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.assignment-contribution-history .contribution-details[data-v-aabda4ee]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.assignment-contribution-history .contribution-amount.contributed[data-v-aabda4ee]{color:var(--color-text-muted);font-weight:600;font-size:16px;font-style:italic}.contribution-breakdown[data-v-aabda4ee]{margin-top:8px}.contribution-breakdown small[data-v-aabda4ee]{color:var(--color-text-secondary);font-weight:500;font-size:12px}.contribution-breakdown ul[data-v-aabda4ee]{margin:4px 0 0 16px;padding:0}.contribution-breakdown li[data-v-aabda4ee]{color:var(--color-text-muted);font-size:13px;margin-bottom:2px}@media (max-width: 768px){.assignment-personal-contribution[data-v-aabda4ee]{flex-direction:column;align-items:stretch;gap:12px}.contribution-details[data-v-aabda4ee]{flex-direction:column;align-items:flex-start;gap:8px}.contribution-actions[data-v-aabda4ee]{align-self:stretch}.contribution-actions .btn[data-v-aabda4ee]{width:100%}.assignment-actions[data-v-aabda4ee]{flex-direction:column}.assignment-actions .btn[data-v-aabda4ee]{width:100%}}.status-info[data-v-346e5be4]{border-radius:6px;padding:20px}.status-overview[data-v-346e5be4]{display:flex;flex-direction:column;gap:25px;margin-bottom:20px}.status-section[data-v-346e5be4]{border:1px solid var(--color-border);border-radius:6px;padding:20px;background:#fff}.status-section h3[data-v-346e5be4]{margin:0 0 15px;font-size:16px;font-weight:600;color:var(--color-text-primary);padding-bottom:10px;border-bottom:1px solid var(--color-border-light)}.status-grid[data-v-346e5be4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.status-item[data-v-346e5be4]{display:flex;flex-direction:column;gap:5px}.status-item label[data-v-346e5be4]{font-weight:500;color:var(--color-text-secondary);font-size:14px}.status-badge[data-v-346e5be4]{padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;text-align:center}.progress-container[data-v-346e5be4]{display:flex;flex-direction:column;gap:8px}.progress-bar[data-v-346e5be4]{width:100%;height:32px;background:var(--color-bg-light);border-radius:6px;overflow:hidden;border:1px solid var(--color-border-light);position:relative;display:flex;align-items:center;justify-content:center}.progress-fill[data-v-346e5be4]{height:100%;background:linear-gradient(90deg,var(--color-success) 0%,var(--color-accent) 100%);border-radius:6px;transition:width .3s ease;position:absolute;left:0;top:0}.progress-value[data-v-346e5be4]{font-size:14px;font-weight:600;color:var(--color-text-secondary);z-index:1;position:relative}.assignments-count[data-v-346e5be4]{font-size:18px;font-weight:600;color:var(--color-info)}.created-date[data-v-346e5be4]{font-size:16px;font-weight:500;color:var(--color-text-primary)}.status-buttons[data-v-346e5be4]{display:flex;gap:10px;flex-wrap:wrap}.status-btn[data-v-346e5be4]{min-width:120px;padding:10px 20px;border-radius:8px;font-weight:500;transition:all .2s ease}.status-btn.active[data-v-346e5be4]{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.form-info[data-v-346e5be4]{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0;padding:15px;background:var(--color-bg-light);border-radius:8px}.form-info-item[data-v-346e5be4]{display:flex;align-items:center;gap:8px}.form-info-item label[data-v-346e5be4]{font-weight:500;color:var(--color-text-secondary);margin-bottom:0}.form-value[data-v-346e5be4]{margin:0;color:var(--color-text-primary)}.due-info-cards[data-v-346e5be4]{display:flex;flex-direction:column;gap:20px}.due-metrics-grid[data-v-346e5be4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.due-metric-card[data-v-346e5be4]{background:#fff;border:1px solid var(--color-border-light);border-radius:6px;padding:20px;display:flex;align-items:center;box-shadow:var(--shadow-light);transition:all .3s ease}.due-metric-card[data-v-346e5be4]:hover{box-shadow:var(--shadow-medium);border-color:var(--color-primary)}.metric-content[data-v-346e5be4]{flex-grow:1;text-align:center}.metric-label[data-v-346e5be4]{font-size:13px;color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.metric-value[data-v-346e5be4]{font-size:20px;font-weight:700;color:var(--color-text-primary)}.due-info-card[data-v-346e5be4]{background:#fff;border:1px solid var(--color-border-light);border-radius:6px;overflow:hidden;box-shadow:var(--shadow-light);transition:all .3s ease}.due-info-card[data-v-346e5be4]:hover{box-shadow:var(--shadow-medium)}.info-card-header[data-v-346e5be4]{display:flex;align-items:center;padding:16px 20px;background:var(--color-bg-light);border-bottom:1px solid var(--color-border-light)}.info-card-header h3[data-v-346e5be4]{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary)}.info-card-content[data-v-346e5be4]{padding:20px}.info-card-content p[data-v-346e5be4]{margin:0;font-size:14px;color:var(--color-text-secondary);line-height:1.6}.due-completion-card[data-v-346e5be4]{background:var(--color-success);border:1px solid var(--color-success);border-radius:6px;overflow:hidden;box-shadow:var(--shadow-light);transition:all .3s ease}.due-completion-card[data-v-346e5be4]:hover{box-shadow:var(--shadow-medium)}.completion-card-header[data-v-346e5be4]{display:flex;align-items:center;padding:16px 20px;background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2)}.completion-card-header h3[data-v-346e5be4]{margin:0;font-size:16px;font-weight:600;color:#fff}.completion-card-content[data-v-346e5be4]{padding:20px}.completion-card-content p[data-v-346e5be4]{margin:0;font-size:14px;color:#fff;opacity:.9;line-height:1.6}@media (max-width: 768px){.status-overview[data-v-346e5be4]{gap:15px}.status-grid[data-v-346e5be4]{grid-template-columns:1fr;gap:10px}.status-buttons[data-v-346e5be4]{flex-direction:column}.status-btn[data-v-346e5be4]{width:100%}.form-info[data-v-346e5be4],.notification-channels[data-v-346e5be4]{flex-direction:column;gap:10px}.due-metrics-grid[data-v-346e5be4]{grid-template-columns:1fr;gap:12px}.due-metric-card[data-v-346e5be4]{padding:16px}.metric-value[data-v-346e5be4]{font-size:18px}}.features-grid[data-v-fb8224e1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.notification-section[data-v-fb8224e1]{padding:20px 24px;background:var(--color-bg-light);border-top:1px solid var(--color-border-light)}.notification-label[data-v-fb8224e1]{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;display:block}.notification-buttons[data-v-fb8224e1]{display:flex;flex-wrap:wrap;gap:8px}.btn-spinner[data-v-fb8224e1]{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-fb8224e1 1s linear infinite}@keyframes spin-fb8224e1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.features-grid[data-v-fb8224e1]{grid-template-columns:1fr;gap:20px}.notification-buttons[data-v-fb8224e1]{flex-direction:column}.notification-buttons .btn[data-v-fb8224e1]{width:100%}}.analytics-dashboard[data-v-df2be8f0]{padding:20px}.analytics-filters[data-v-df2be8f0]{margin-bottom:30px;padding:20px;background:var(--card-background);border-radius:6px;border:1px solid var(--border-color)}.date-range-picker[data-v-df2be8f0]{display:flex;gap:20px;align-items:center}.date-range-picker label[data-v-df2be8f0]{font-weight:500;color:var(--text-color)}.date-range-picker input[data-v-df2be8f0]{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--input-background);color:var(--text-color)}.analytics-overview[data-v-df2be8f0]{margin-bottom:40px}.stats-grid[data-v-df2be8f0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.stat-card[data-v-df2be8f0]{padding:20px;background:var(--card-background);border-radius:6px;border:1px solid var(--border-color);text-align:center}.stat-card h3[data-v-df2be8f0]{margin:0 0 10px;font-size:14px;color:var(--text-secondary);font-weight:500}.stat-value[data-v-df2be8f0]{font-size:24px;font-weight:600;color:var(--text-color)}.analytics-section[data-v-df2be8f0]{margin-bottom:40px}.analytics-section h2[data-v-df2be8f0]{margin-bottom:20px;color:var(--text-color)}.table-container[data-v-df2be8f0]{overflow-x:auto}.analytics-table[data-v-df2be8f0]{width:100%;border-collapse:collapse;background:var(--card-background);border-radius:6px;overflow:hidden;border:1px solid var(--border-color)}.analytics-table th[data-v-df2be8f0],.analytics-table td[data-v-df2be8f0]{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.analytics-table th[data-v-df2be8f0]{background:var(--background-secondary);font-weight:600;color:var(--text-color)}.analytics-table td[data-v-df2be8f0]{color:var(--text-color)}.analytics-table tbody tr[data-v-df2be8f0]:hover{background:var(--background-secondary)}.stat-number[data-v-df2be8f0]{font-weight:600;font-size:1.1em;color:var(--primary-color);text-align:right}.device-stats[data-v-df2be8f0],.browser-stats[data-v-df2be8f0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.device-stat[data-v-df2be8f0],.browser-stat[data-v-df2be8f0]{display:flex;justify-content:space-between;align-items:center;padding:15px;background:var(--card-background);border-radius:6px;border:1px solid var(--border-color)}.device-type[data-v-df2be8f0],.browser-name[data-v-df2be8f0]{font-weight:500;color:var(--text-color)}.device-count[data-v-df2be8f0],.browser-count[data-v-df2be8f0]{font-weight:600;color:var(--primary-color)}