/**
    File: TL-RTC-APP-SDK-V0.0.1
    Licensed: MIT
    Repository: https://github.com/tl-open-source/tl-rtc-app
    Author: iamtsm
    Build: 5/24/2026, 11:07:48 PM
*/
.t-r-a-dates-list{overflow-y:auto;position:relative;height:100%}.t-r-a-dates-list .hg-top-header{display:flex;padding:15px 10px 15px 0;flex-direction:row;justify-content:space-between}.t-r-a-dates-list .hg-top-header-block{display:flex;align-items:flex-end}.t-r-a-dates-list .hg-top-header-title{font-size:calc(var(--body-font-size-base) + 16px);font-weight:700;color:var(--skin-top-header-title-color);margin-right:10px;margin-left:20px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;width:70%}.t-r-a-dates-list .hg-top-header-tool{display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s;background:var(--skin-top-header-tool-background);padding:2px 5px;border-radius:4px}.t-r-a-dates-list .hg-top-header-tool svg{width:14px;height:14px;fill:var(--skin-top-header-tool-fill-color);transition:all .3s;scale:1.5}.t-r-a-dates-list .hg-top-header-tool:hover{box-shadow:var(--skin-top-header-tool-hover-shadow)}.t-r-a-dates-list .hg-top-header-tool:hover svg{fill:var(--skin-top-header-tool-hover-fill-color)}.t-r-a-dates-list .hg-top-search{padding:5px 0;line-height:0;width:96%;margin-left:2%}.t-r-a-dates-list .t-r-a-dates-list-item{line-height:50px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;padding:0 20px 0 30px;justify-content:space-between}.t-r-a-dates-list .t-r-a-dates-list-item:hover{background-color:var(--skin-dates-list-item-hover-background)}.t-r-a-dates-list .t-r-a-dates-list-item-active{background-color:var(--skin-dates-list-item-active-background)}.t-r-a-dates-list .hg-item-icon{margin-right:20px;line-height:40px;margin-top:4px}.t-r-a-dates-list .hg-item-icon svg{width:18px;height:18px;transition:all .3s}.t-r-a-dates-list .t-r-a-dates-list-item:hover .hg-item-icon svg{scale:1.2}.t-r-a-dates-list .hg-item-name{font-size:calc(var(--body-font-size-base) + 14px)}#tl-rtc-app .t8 .hg-top-search{padding:5px 0 10px 0;line-height:0;width:96%;margin-left:2%}#tl-rtc-app .t8 .hg-top-search i{position:relative;margin-left:8px;top:16px;z-index:1;color:var(--skin-dates-top-search-i-color)}#tl-rtc-app .t8 .hg-top-search svg{color:var(--skin-dates-top-search-i-color);position:relative;float:right;right:8px;margin-top:-22px;cursor:pointer}#tl-rtc-app .t8 .hg-top-search input{width:100%;height:30px;padding-left:30px!important;border-radius:4px;background:var(--skin-dates-top-search-input-background);color:var(--skin-dates-top-search-input-color);font-size:calc(var(--body-font-size-base) + 13px);letter-spacing:1px;border-width:.5px;border-color:var(--skin-dates-top-search-input-background)}#tl-rtc-app .t8 .hg-item-body{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}#tl-rtc-app .df .an-top{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;border-bottom:1px solid var(--skin-body-border-color);padding-bottom:10px;height:30px;margin-left:15px}#tl-rtc-app .df .an-top-title{font-size:calc(var(--body-font-size-base) + 15px);font-weight:700;user-select:none;width:40%;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}.hg-choose{padding:10px 20px;width:calc(100% - 40px)}.hg-choose-body{width:100%;display:flex;justify-content:center;align-items:center}.hg-choose-body .t-r-a-mini-calendar{border-radius:12px;backdrop-filter:blur(10px);background:unset;box-shadow:unset;padding:0;margin:0;border:unset}.t-r-a-dates-list-bottom{position:absolute;bottom:20px;left:0;right:0;padding:0 20px;display:flex;flex-direction:column;gap:10px}.t-r-a-dates-list-bottom-btn{display:flex;align-items:center;justify-content:center;padding:10px 10px;border-radius:6px;cursor:pointer;transition:all .3s;user-select:none;font-size:calc(var(--body-font-size-base) + 12px);font-weight:500;margin:0 15px}.t-r-a-dates-list-bottom-btn svg{width:16px;height:16px;margin-right:8px;transition:all .3s}.t-r-a-dates-list-bottom-btn-create{color:var(--skin-dates-list-bottom-btn-create-color);border:.5px solid var(--skin-dates-list-bottom-btn-create-border-color)}.t-r-a-dates-list-bottom-btn-create svg{fill:var(--skin-dates-list-bottom-btn-create-color)}.t-r-a-dates-list-bottom-btn-create:hover svg{fill:var(--skin-dates-list-bottom-btn-create-hover-color)}.t-r-a-dates-list-bottom-btn-create:hover{background:var(--skin-dates-list-bottom-btn-create-hover-background);color:var(--skin-dates-list-bottom-btn-create-hover-color);box-shadow:0 2px 8px var(--skin-dates-list-bottom-btn-create-hover-shadow);transform:translateY(-2px)}.t-r-a-dates-list-bottom-btn-create:active{transform:translateY(0)}.t-r-a-create-dates-form{padding:20px 30px 10px 30px;max-height:95%;overflow:auto}.t-r-a-dates-form-item{margin-bottom:18px}.t-r-a-dates-form-item-group{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.t-r-a-dates-form-item-group .layui-form-select .layui-input{padding-left:30px}.t-r-a-dates-form-item-group .t-r-a-dates-form-item{flex:1}.t-r-a-dates-form-label{display:block;font-size:calc(var(--body-font-size-base) + 13px);color:var(--skin-form-label-color);font-weight:500;margin-bottom:8px;line-height:1.5}.t-r-a-dates-form-control{width:100%;position:relative}.t-r-a-dates-form-control-with-icon{position:relative}.t-r-a-dates-form-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:var(--skin-form-icon-color);z-index:1;pointer-events:none}.t-r-a-dates-form-icon-textarea{top:10px;transform:none}.t-r-a-dates-input{width:100%;height:38px;line-height:1.3;padding:0 12px;border:1px solid var(--skin-form-input-border-color);border-radius:4px;background-color:var(--skin-form-input-background);color:var(--skin-form-input-color);font-size:calc(var(--body-font-size-base) + 12px);transition:all .3s;box-sizing:border-box;outline:0}.t-r-a-dates-input-with-icon{padding-left:38px}.t-r-a-dates-input:focus{border-color:var(--skin-form-input-focus-border-color);box-shadow:0 0 0 2px var(--skin-form-input-focus-shadow)}.t-r-a-dates-input-with-icon:focus~.t-r-a-dates-form-icon,.t-r-a-dates-input:focus+.t-r-a-dates-form-icon{fill:var(--skin-form-input-focus-icon-fill-color)}.t-r-a-dates-form-control-with-icon .t-r-a-dates-input:focus~.t-r-a-dates-form-icon{fill:var(--skin-form-input-focus-icon-fill-color)}.t-r-a-dates-input:disabled{background-color:var(--skin-form-input-disabled-background);color:var(--skin-form-input-disabled-color);cursor:not-allowed;opacity:.6}.t-r-a-dates-input::placeholder{color:var(--skin-form-input-placeholder-color)}.t-r-a-dates-input[type=password]{letter-spacing:2px}.t-r-a-dates-input[type=password]::placeholder{letter-spacing:normal}.t-r-a-dates-select:focus~.t-r-a-dates-form-icon{fill:var(--skin-form-input-focus-icon-fill-color)}.t-r-a-dates-textarea{width:100%;min-height:80px;padding:8px 12px;border:1px solid var(--skin-form-input-border-color);border-radius:4px;background-color:var(--skin-form-input-background);color:var(--skin-form-input-color);font-size:calc(var(--body-font-size-base) + 12px);line-height:1.5;transition:all .3s;box-sizing:border-box;outline:0;resize:vertical;font-family:inherit}.t-r-a-dates-textarea-with-icon{padding-left:38px}.t-r-a-dates-textarea:focus{border-color:var(--skin-form-input-focus-border-color);box-shadow:0 0 0 2px var(--skin-form-input-focus-shadow)}.t-r-a-dates-textarea:focus~.t-r-a-dates-form-icon{fill:var(--skin-form-input-focus-icon-fill-color)}.t-r-a-dates-textarea::placeholder{color:var(--skin-form-input-placeholder-color)}.t-r-a-dates-form-row{display:flex;gap:10px;margin-top:8px}.t-r-a-dates-form-col{flex:1;display:flex;flex-direction:column}.t-r-a-dates-form-col .t-r-a-dates-form-label{margin-bottom:8px}.t-r-a-dates-form-aux{margin-top:5px;color:var(--skin-form-aux-color);font-size:calc(var(--body-font-size-base) + 10px);line-height:1.5;margin-left:5px}.t-r-a-dates-type-toggle{display:flex;gap:8px;background:var(--skin-dates-form-toggle-background);padding:4px;border-radius:6px;width:fit-content}.t-r-a-dates-type-btn{padding:6px 16px;border:none;border-radius:4px;background:0 0;color:var(--skin-dates-text-color);cursor:pointer;font-size:calc(var(--body-font-size-base) + 12px);transition:all .3s;font-weight:500;display:flex;align-items:center;gap:6px}.t-r-a-dates-type-btn svg{width:14px;height:14px;fill:var(--skin-dates-text-color);transition:all .3s}.t-r-a-dates-type-btn:hover{background:var(--skin-dates-form-toggle-hover-background)}.t-r-a-dates-type-btn.active{background:var(--skin-dates-form-type-btn-active-background);color:var(--skin-dates-form-type-btn-active-color);box-shadow:0 2px 4px var(--skin-dates-form-type-btn-active-shadow)}.t-r-a-dates-type-btn.active svg{fill:#fff}.t-r-a-dates-attendees-tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.t-r-a-dates-attendee-tag{display:inline-flex;align-items:center;background:var(--skin-dates-form-attendee-tag-background);color:var(--skin-dates-form-attendee-tag-color);padding:4px 8px;border-radius:12px;font-size:calc(var(--body-font-size-base) + 11px);font-weight:500;transition:all .3s}.t-r-a-dates-attendee-tag:hover{background:var(--skin-dates-form-attendee-tag-hover-background)}.t-r-a-dates-attendee-tag img{width:20px;height:20px;border-radius:50%;margin-right:6px}.t-r-a-dates-attendee-tag .remove-btn{margin-left:6px;cursor:pointer;color:var(--skin-dates-form-attendee-tag-remove-color);font-size:calc(var(--body-font-size-base) + 16px);line-height:1;transition:all .3s;margin-top:-3px}.t-r-a-dates-attendee-tag .remove-btn:hover{color:var(--skin-dates-form-attendee-tag-remove-hover-color);transform:scale(1.2)}.t-r-a-dates-attendee-avatar-placeholder{width:20px;height:20px;border-radius:50%;background-color:var(--skin-dates-form-attendee-avatar-background);color:var(--skin-dates-form-attendee-avatar-color);display:flex;align-items:center;justify-content:center;font-size:calc(var(--body-font-size-base) + 10px);font-weight:500;margin-right:6px}
#tl-rtc-app .df .an{height:100%;padding:5px 10px}.an-preview{width:100%;height:calc(100% - 60px);overflow:auto;display:flex;flex-direction:column}.an-preview .t-r-a-main-calendar{flex:1;display:flex;flex-direction:column;border-radius:0;padding:10px;backdrop-filter:blur(10px);margin:0;background:unset}.t-r-a-schedule-detail-container{padding:0;height:calc(100% - 75px);width:99%;margin-left:.5%;overflow-y:auto;background:var(--skin-body-background);position:relative}.t-r-a-schedule-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:18px 20px;background:0 0;border-bottom:1px solid var(--skin-body-border-color)}.t-r-a-schedule-detail-title-section{flex:1;min-width:0}.t-r-a-schedule-detail-title{font-size:calc(var(--body-font-size-base) + 14px);font-weight:600;color:var(--skin-body-color);margin-bottom:8px;line-height:1.4;display:flex;align-items:center;gap:8px}.t-r-a-schedule-detail-private-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;background:var(--skin-dates-detail-private-badge-background);border:1px solid var(--skin-dates-detail-private-badge-border-color)}.t-r-a-schedule-detail-private-badge .layui-icon{font-size:calc(var(--body-font-size-base) + 12px);color:var(--skin-dates-detail-private-badge-icon-color)}.t-r-a-schedule-detail-subtitle{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.t-r-a-schedule-detail-priority-tag{padding:3px 10px;border-radius:4px;font-size:calc(var(--body-font-size-base) + 10px);font-weight:600;border:1px solid}.t-r-a-schedule-detail-priority-high{background:var(--skin-dates-detail-priority-high-background);color:var(--skin-dates-detail-priority-high-color);border-color:var(--skin-dates-detail-priority-high-border-color)}.t-r-a-schedule-detail-priority-medium{background:var(--skin-dates-detail-priority-medium-background);color:var(--skin-dates-detail-priority-medium-color);border-color:var(--skin-dates-detail-priority-medium-border-color)}.t-r-a-schedule-detail-priority-low{background:var(--skin-dates-detail-priority-low-background);color:var(--skin-dates-detail-priority-low-color);border-color:var(--skin-dates-detail-priority-low-border-color)}.t-r-a-schedule-detail-priority-normal{background:var(--skin-dates-detail-priority-normal-background);color:var(--skin-dates-detail-priority-normal-color);border-color:var(--skin-dates-detail-priority-normal-border-color)}.t-r-a-schedule-detail-type-tag{padding:3px 10px;background:var(--skin-dates-detail-type-tag-background);border-radius:4px;font-size:calc(var(--body-font-size-base) + 10px);font-weight:600;border:1px solid var(--skin-dates-detail-type-tag-border-color)}.t-r-a-schedule-detail-status-badge{padding:6px 14px;border-radius:4px;font-size:calc(var(--body-font-size-base) + 11px);font-weight:500;white-space:nowrap;flex-shrink:0}.t-r-a-schedule-detail-status-pending{color:var(--skin-dates-detail-status-pending-color);background:var(--skin-dates-detail-status-pending-background);border:1px solid var(--skin-dates-detail-status-pending-border-color)}.t-r-a-schedule-detail-status-completed{color:var(--skin-body-color);background:0 0;border:1px solid var(--skin-body-border-color);opacity:.6}.t-r-a-schedule-detail-status-cancelled{color:var(--skin-dates-detail-status-cancelled-color);background:var(--skin-dates-detail-status-cancelled-background);border:1px solid var(--skin-dates-detail-status-cancelled-border-color)}.t-r-a-schedule-detail-section{padding:14px 20px;border-bottom:1px solid var(--skin-body-border-color)}.t-r-a-schedule-detail-section:last-child{border-bottom:none}.t-r-a-schedule-detail-section-title{font-size:calc(var(--body-font-size-base) + 12px);font-weight:500;color:var(--skin-body-color);margin-bottom:15px;display:flex;align-items:center;gap:8px}.t-r-a-schedule-detail-section-title .layui-icon{font-size:calc(var(--body-font-size-base) + 14px)}.t-r-a-schedule-detail-time-info{display:flex;align-items:center;gap:20px;padding:10px 12px;background:var(--skin-dates-detail-time-info-background);border-radius:4px}.t-r-a-schedule-detail-time-item{display:flex;flex-direction:column;gap:5px;flex:1}.t-r-a-schedule-detail-time-item .time-label{font-size:calc(var(--body-font-size-base) + 10px);color:var(--skin-body-color);opacity:.6;font-weight:400}.t-r-a-schedule-detail-time-item .time-value{font-size:calc(var(--body-font-size-base) + 13px);color:var(--skin-body-color);font-weight:500}.t-r-a-schedule-detail-time-divider{width:1px;height:40px;background:var(--skin-body-border-color)}.t-r-a-schedule-detail-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.t-r-a-schedule-detail-info-item{display:flex;flex-direction:row;gap:5px;flex-wrap:nowrap;justify-content:flex-start;align-items:center}.t-r-a-schedule-detail-info-item .info-label{font-size:calc(var(--body-font-size-base) + 12px);color:var(--skin-body-color);opacity:.6;font-weight:400}.t-r-a-schedule-detail-info-item .info-value{font-size:calc(var(--body-font-size-base) + 12px);color:var(--skin-body-color);font-weight:500}.t-r-a-schedule-detail-badge-yes{color:var(--skin-dates-detail-badge-yes-color);font-weight:600}.t-r-a-schedule-detail-badge-no{color:var(--skin-body-color);opacity:.5;font-weight:500;background:var(--skin-dates-detail-badge-no-background);padding:4px;border-radius:4px}.t-r-a-schedule-detail-desc{padding:10px 12px;background:var(--skin-dates-detail-desc-background);border-radius:4px;color:var(--skin-body-color);opacity:.8;line-height:1.6;font-size:calc(var(--body-font-size-base) + 12px)}.t-r-a-schedule-overview-list-container{max-height:425px;overflow-y:auto;padding:0 5px}.t-r-a-schedule-overview-list-item{padding:12px;border-bottom:1px solid var(--skin-dates-detail-overview-list-item-border-color);cursor:pointer;transition:background .2s}.t-r-a-schedule-overview-list-item:hover{background:var(--skin-dates-detail-overview-list-item-hover-background)}.t-r-a-schedule-overview-list-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.t-r-a-schedule-overview-list-item-title{font-weight:700;color:var(--skin-dates-detail-overview-list-item-title-color)}.t-r-a-schedule-overview-list-item-priority{padding:2px 6px;border-radius:4px;font-size:calc(var(--body-font-size-base) + 11px);color:var(--skin-dates-detail-overview-list-item-priority-color)}.t-r-a-schedule-overview-list-item-time{font-size:calc(var(--body-font-size-base) + 12px);color:var(--skin-dates-detail-overview-list-item-info-color);margin-bottom:4px;display:flex;align-items:center;flex-direction:row;gap:5px}.t-r-a-schedule-overview-list-item-info{font-size:calc(var(--body-font-size-base) + 12px);color:var(--skin-dates-detail-overview-list-item-info-color);display:flex;align-items:center;flex-direction:row;gap:7px;margin-left:2px}.t-r-a-schedule-overview-list-item-info .layui-icon{font-size:calc(var(--body-font-size-base) + 12px)}.t-r-a-schedule-overview-list-item-private-icon{color:var(--skin-dates-detail-private-badge-icon-color)}.t-r-a-schedule-overview-list-empty{padding:20px;text-align:center;color:var(--skin-dates-detail-overview-list-empty-color)}.t-r-a-schedule-detail-actions{display:flex;justify-content:flex-end;position:absolute;width:calc(100% - 40px);gap:12px;bottom:0;padding:16px 20px}.t-r-a-schedule-detail-btn{padding:8px 18px;border:1px solid var(--skin-body-border-color);border-radius:4px;font-size:calc(var(--body-font-size-base) + 12px);font-weight:500;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:6px;outline:0;background:0 0;color:var(--skin-body-color)}.t-r-a-schedule-detail-btn .layui-icon{font-size:calc(var(--body-font-size-base) + 14px)}.t-r-a-schedule-detail-btn:hover{background:var(--skin-dates-detail-time-info-background)}.t-r-a-schedule-detail-btn-primary{background:0 0;color:var(--skin-body-color);border-color:var(--skin-body-border-color)}.t-r-a-schedule-detail-btn-danger{background:0 0;color:var(--skin-dates-detail-status-cancelled-color);border-color:var(--skin-dates-detail-status-cancelled-border-color)}.t-r-a-schedule-detail-btn-danger:hover{background:var(--skin-dates-detail-status-cancelled-background)}
.t-r-a-dates-self-header-actions{display:flex;gap:8px}.t-r-a-dates-self-stats{display:flex;gap:12px;padding:15px;overflow-x:auto;flex-shrink:0;flex-direction:row;align-items:center}.t-r-a-dates-self-stat-item{flex:1;width:60px;padding:5px;border-radius:4px;text-align:center;cursor:pointer;transition:border-color .2s;border:1px solid var(--skin-body-border-color)}.t-r-a-dates-self-stat-item:hover{border-color:var(--skin-dates-self-primary-color)}.t-r-a-dates-self-stat-item .stat-value{font-size:calc(var(--body-font-size-base) + 15px);font-weight:700;color:var(--skin-dates-text-color);margin-bottom:4px}.t-r-a-dates-self-stat-item .stat-value-pending{color:var(--skin-dates-self-stat-pending-color)}.t-r-a-dates-self-stat-item .stat-value-progress{color:var(--skin-dates-self-stat-progress-color)}.t-r-a-dates-self-stat-item .stat-value-completed{color:var(--skin-dates-self-stat-completed-color)}.t-r-a-dates-self-stat-item .stat-value-overdue{color:var(--skin-dates-self-stat-overdue-color)}.t-r-a-dates-self-stat-item .stat-label{font-size:calc(var(--body-font-size-base) + 11px);color:var(--skin-dates-text-auxiliary-color);font-weight:500}.an-team{height:calc(100% - 50px);display:flex;flex-direction:column}.t-r-a-dates-self-filter-panel{padding:20px 0;margin:0 20px;background:unset;border-bottom:1px solid var(--skin-body-border-color);display:flex;gap:20px;align-items:end}.t-r-a-dates-self-filter-item{display:flex;flex-direction:row;gap:6px;flex-wrap:nowrap;justify-content:flex-start;align-items:center}.t-r-a-dates-self-filter-item .filter-label{font-size:calc(var(--body-font-size-base) + 11px);color:var(--skin-dates-text-color);font-weight:500}.t-r-a-dates-self-content{flex:1;overflow-y:auto;padding:5px 15px}.t-r-a-dates-self-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--skin-dates-text-auxiliary-color)}.t-r-a-dates-self-empty i{font-size:calc(var(--body-font-size-base) + 64px);margin-bottom:16px;opacity:.3}.t-r-a-dates-self-empty p{font-size:calc(var(--body-font-size-base) + 14px)}.t-r-a-dates-self-groups{display:flex;flex-direction:column;gap:20px}.t-r-a-dates-self-group{display:flex;flex-direction:column;gap:10px}.t-r-a-dates-self-group-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:4px}.t-r-a-dates-self-group-header .group-date{font-size:calc(var(--body-font-size-base) + 13px);font-weight:500;color:var(--skin-dates-text-color)}.t-r-a-dates-self-group-header .group-count{font-size:calc(var(--body-font-size-base) + 11px);color:var(--skin-dates-text-auxiliary-color);background:var(--skin-dates-form-input-background);padding:2px 8px;border-radius:4px}.t-r-a-dates-self-items{display:flex;flex-direction:column;gap:0}.t-r-a-dates-self-item{position:relative;padding:10px 12px;border-radius:0;margin:0;box-shadow:none;cursor:pointer;transition:background .2s;border:none;border-bottom:1px solid var(--skin-body-border-color);background:unset}.t-r-a-dates-self-item:hover{background:var(--skin-dates-item-hover-background)}.t-r-a-dates-self-item.item-completed .t-r-a-dates-self-item-title{text-decoration:line-through;color:var(--skin-dates-text-auxiliary-color)}.t-r-a-dates-self-item.item-cancelled .t-r-a-dates-self-item-title{color:var(--skin-dates-text-auxiliary-color)}.t-r-a-dates-self-item.item-overdue:hover{background:var(--skin-dates-item-hover-background)}.t-r-a-dates-self-item .t-r-a-dates-self-item-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0}.t-r-a-dates-self-item .t-r-a-dates-self-item-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.t-r-a-dates-self-item .t-r-a-dates-self-item-priority-indicator{width:4px;height:20px;border-radius:2px;flex-shrink:0}.t-r-a-dates-self-item .t-r-a-dates-self-item-priority-indicator.priority-3{background:var(--skin-dates-self-priority-high-background)}.t-r-a-dates-self-item .t-r-a-dates-self-item-priority-indicator.priority-2{background:var(--skin-dates-self-priority-medium-background)}.t-r-a-dates-self-item .t-r-a-dates-self-item-priority-indicator.priority-1{background:var(--skin-dates-self-priority-low-background)}.t-r-a-dates-self-item .t-r-a-dates-self-item-header-info{flex:1;min-width:0}.t-r-a-dates-self-item.item-pending .t-r-a-dates-self-item-title{font-weight:600}.t-r-a-dates-self-item .t-r-a-dates-self-item-title{font-size:calc(var(--body-font-size-base) + 13px);font-weight:500;color:var(--skin-dates-text-color);line-height:1.4;margin-bottom:4px;word-break:break-word}.t-r-a-dates-self-item .t-r-a-dates-self-item-time-range{font-size:calc(var(--body-font-size-base) + 11px);color:var(--skin-dates-text-auxiliary-color);line-height:1.3}.t-r-a-dates-self-item .t-r-a-dates-self-item-status-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:calc(var(--body-font-size-base) + 10px);font-weight:500;white-space:nowrap;flex-shrink:0}.t-r-a-dates-self-item .t-r-a-dates-self-item-status-badge.status-pending{color:var(--skin-dates-self-stat-pending-color);background:var(--skin-dates-self-status-pending-background)}.t-r-a-dates-self-item .t-r-a-dates-self-item-status-badge.status-overdue{background:var(--skin-dates-self-status-overdue-background);color:var(--skin-dates-self-status-overdue-color)}.t-r-a-dates-self-item .t-r-a-dates-self-item-status-badge.status-upcoming{background:var(--skin-dates-self-group-header-background);color:var(--skin-dates-text-auxiliary-color)}.t-r-a-dates-self-item .t-r-a-dates-self-item-status-badge.status-completed{background:var(--skin-dates-self-status-completed-background);color:var(--skin-dates-self-status-completed-color)}.t-r-a-dates-self-item .t-r-a-dates-self-item-status-badge.status-cancelled{background:var(--skin-dates-self-status-cancelled-background);color:var(--skin-dates-self-status-cancelled-color)}.t-r-a-dates-self-item .t-r-a-dates-self-item-progress-section{display:none}.t-r-a-dates-self-item .t-r-a-dates-self-item-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.t-r-a-dates-self-item .t-r-a-dates-self-progress-label{font-size:calc(var(--body-font-size-base) + 10px);color:var(--skin-dates-text-auxiliary-color)}.t-r-a-dates-self-item .t-r-a-dates-self-progress-value{font-size:calc(var(--body-font-size-base) + 10px);color:var(--skin-dates-text-auxiliary-color)}.t-r-a-dates-self-item .t-r-a-dates-self-item-progress-bar{width:100%;height:6px;background:var(--skin-dates-self-group-header-background);border-radius:3px;overflow:hidden}.t-r-a-dates-self-item .t-r-a-dates-self-progress-fill{height:100%;background:var(--skin-dates-self-progress-fill-background);border-radius:3px;transition:width .3s ease}.t-r-a-dates-self-item .t-r-a-dates-self-item-card-footer{display:flex;justify-content:space-between;align-items:center}.t-r-a-dates-self-item .t-r-a-dates-self-item-drag-handle{color:var(--skin-dates-text-auxiliary-color);cursor:grab;transition:color .2s;flex-shrink:0;background:0 0;border:none;padding:0}.t-r-a-dates-self-item .t-r-a-dates-self-item-drag-handle:hover{color:var(--skin-dates-text-color)}.t-r-a-dates-self-item .t-r-a-dates-self-item-drag-handle:active{cursor:grabbing}.t-r-a-dates-self-item .t-r-a-dates-self-item-drag-handle i{font-size:calc(var(--body-font-size-base) + 16px)}.t-r-a-dates-self-item .t-r-a-dates-self-item-actions{display:flex;align-items:center;gap:8px}.t-r-a-dates-self-item .t-r-a-dates-self-action-btn{display:flex;align-items:center;gap:6px;border-radius:4px;border:none;background:0 0;color:var(--skin-dates-text-auxiliary-color);font-size:calc(var(--body-font-size-base) + 11px);cursor:pointer;transition:color .2s,background .2s;padding:5px 3px;justify-content:center}.t-r-a-dates-self-item .t-r-a-dates-self-action-btn:hover{background:var(--skin-dates-list-bottom-btn-create-hover-background);border-color:var(--skin-dates-self-action-edit-hover-color);color:var(--skin-dates-self-action-edit-hover-color)}.t-r-a-dates-self-item .t-r-a-dates-self-action-btn.action-complete:hover{color:var(--skin-dates-self-action-complete-hover-color)}.t-r-a-dates-self-item .t-r-a-dates-self-action-btn.action-edit:hover{color:var(--skin-dates-self-action-edit-hover-color)}.t-r-a-dates-self-item .t-r-a-dates-self-action-btn.action-delete:hover{color:var(--skin-dates-self-action-delete-hover-color)}.t-r-a-dates-self-item .t-r-a-dates-self-action-btn.action-cancel:hover{color:var(--skin-dates-self-action-cancel-hover-color)}.t-r-a-dates-self-item .t-r-a-dates-self-action-btn svg{width:16px;height:16px}.t-r-a-dates-self-loading-more,.t-r-a-dates-self-no-more{display:flex;align-items:center;justify-content:center;padding:20px;color:var(--skin-dates-text-auxiliary-color);font-size:calc(var(--body-font-size-base) + 12px);gap:8px}.t-r-a-dates-self-loading-more i{font-size:calc(var(--body-font-size-base) + 16px)}.t-r-a-dates-self-no-more{margin-top:10px}
html{--skin-dates-list-item-hover-background:#d2deff96;--skin-dates-list-item-active-background:#d2deff96;--skin-dates-top-search-i-color:#c8c8c8;--skin-dates-top-search-input-background:#F8F9FB;--skin-dates-top-search-input-color:#3333339e;--skin-dates-item-select-background:#5972af;--skin-dates-item-hover-background:#eeeeee;--skin-dates-item-next-prev-background:#cbcbcb;--skin-dates-detail-private-badge-background:#fbbf2426;--skin-dates-detail-private-badge-border-color:#fbbf244d;--skin-dates-detail-private-badge-icon-color:#f59e0b;--skin-dates-detail-priority-high-background:#ef44441a;--skin-dates-detail-priority-high-color:#ef4444;--skin-dates-detail-priority-high-border-color:#ef444433;--skin-dates-detail-priority-medium-background:#fbbf241a;--skin-dates-detail-priority-medium-color:#f59e0b;--skin-dates-detail-priority-medium-border-color:#fbbf2433;--skin-dates-detail-priority-low-background:#10b9811a;--skin-dates-detail-priority-low-color:#10b981;--skin-dates-detail-priority-low-border-color:#10b98133;--skin-dates-detail-priority-normal-background:#6366f11a;--skin-dates-detail-priority-normal-color:#6366f1;--skin-dates-detail-priority-normal-border-color:#6366f133;--skin-dates-detail-type-tag-background:#6366f11a;--skin-dates-detail-type-tag-border-color:#6366f133;--skin-dates-detail-status-pending-color:#d97706;--skin-dates-detail-status-pending-background:#fbbf241f;--skin-dates-detail-status-pending-border-color:#fbbf2440;--skin-dates-detail-status-cancelled-color:#ef4444;--skin-dates-detail-status-cancelled-background:#ef44441f;--skin-dates-detail-status-cancelled-border-color:#ef444440;--skin-dates-detail-time-info-background:#00000005;--skin-dates-detail-badge-yes-color:#10b981;--skin-dates-detail-badge-no-background:#ffffff;--skin-dates-detail-desc-background:#00000005;--skin-dates-detail-overview-list-item-border-color:#eee;--skin-dates-detail-overview-list-item-hover-background:#f9fafb;--skin-dates-detail-overview-list-item-title-color:#111827;--skin-dates-detail-overview-list-item-priority-color:#ffffff;--skin-dates-detail-overview-list-item-info-color:#6b7280;--skin-dates-detail-overview-list-empty-color:#999;--skin-dates-form-input-border-color:#d9d9d9;--skin-dates-form-input-color:#333333;--skin-dates-form-input-background:#ffffff;--skin-dates-form-input-placeholder-color:#bfbfbf;--skin-dates-form-input-disabled-background:#f5f5f5;--skin-dates-form-icon-color:#999;--skin-dates-form-toggle-background:#f5f5f5;--skin-dates-form-attendee-avatar-background:#bfbfbf;--skin-dates-form-attendee-avatar-color:#ffffff;--skin-dates-form-label-color:#333;--skin-dates-form-input-focus-border-color:#1890ff;--skin-dates-form-input-focus-shadow:#1890ff1a;--skin-dates-form-input-focus-icon-fill-color:#1890ff;--skin-dates-form-input-disabled-color:#999;--skin-dates-form-toggle-hover-background:#1890ff1a;--skin-dates-form-type-btn-active-background:#1890ff;--skin-dates-form-type-btn-active-color:#ffffff;--skin-dates-form-type-btn-active-shadow:#1890ff4d;--skin-dates-form-attendee-tag-background:#1890ff1a;--skin-dates-form-attendee-tag-color:#1890ff;--skin-dates-form-attendee-tag-hover-background:#1890ff26;--skin-dates-form-attendee-tag-remove-color:#1890ffb3;--skin-dates-form-attendee-tag-remove-hover-color:#ff4d4f;--skin-dates-list-bottom-btn-create-hover-shadow:#0000001a;--skin-dates-list-bottom-btn-create-color:#333333;--skin-dates-list-bottom-btn-create-border-color:#d9d9d9;--skin-dates-list-bottom-btn-create-hover-color:#1890ff;--skin-dates-text-color:#333333;--skin-dates-text-auxiliary-color:#999999;--skin-dates-self-primary-color:#1890ff;--skin-dates-self-primary-shadow:#1890ff1a;--skin-dates-self-stat-pending-color:#faad14;--skin-dates-self-stat-progress-color:#1890ff;--skin-dates-self-stat-completed-color:#52c41a;--skin-dates-self-stat-overdue-color:#f5222d;--skin-dates-self-group-header-background:#0000000A;--skin-dates-self-status-pending-background:#faad141a;--skin-dates-list-bottom-btn-create-hover-background:#f5f5f5;--skin-dates-self-priority-high-background:#ff4d4f;--skin-dates-self-priority-medium-background:#52c4d3;--skin-dates-self-priority-low-background:#d9d9d9;--skin-dates-self-status-overdue-background:#ff4d4f1a;--skin-dates-self-status-overdue-color:#ff4d4f;--skin-dates-self-status-completed-background:#52c41a1a;--skin-dates-self-status-completed-color:#52c41a;--skin-dates-self-status-cancelled-background:#bfc8031a;--skin-dates-self-status-cancelled-color:#bfc803;--skin-dates-self-progress-fill-background:#1890ff;--skin-dates-self-action-complete-hover-color:#15c163;--skin-dates-self-action-edit-hover-color:#1890ff;--skin-dates-self-action-delete-hover-color:#ff4d4f;--skin-dates-self-action-cancel-hover-color:#bfc803}