:root{--primaryColor:#25d366;--primaryHover:#128c7e;--primaryDark:#075e54;--primaryPastel:#dcf8c6;--primaryGreen:#25d366;--primaryRed:#ff3b30;--Primarywhite:#fff;--background:#ece5dd;--foreground:#111b21;--bg:#ece5dd;--bgGrey:#f0f2f5;--chatDarkBg:#111b21;--chatHeaderBg:#f0f2f5;--chatSidebarBg:#fff;--chatPanelBg:#fff;--chatInputBg:#fff;--text1Color:#111b21;--text2Color:#667781;--text3Color:#8696a0;--Black:#111b21;--gray1:#e9edef;--gray2:#d1d7db;--gray3:#b0bec5;--borderColor:#e9edef;--incomingBubble:#fff;--outgoingBubble:#dcf8c6;--chatSidebarWidth:360px;--chatInfoPanelWidth:320px;--chatHeaderHeight:64px;--chatComposerHeight:72px;--modalBg:#0000008c;--box-shadow:0 2px 8px #0000000d;--radiusSm:6px;--radiusMd:10px;--radiusLg:16px;--radiusFull:999px}html{height:100%}html,body{max-width:100vw;min-height:100%;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Arial,Helvetica,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}button,input,textarea,select{font-family:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.order-btn-primary{background:var(--primaryColor);color:var(--Primarywhite);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:16px;font-weight:500;transition:background .3s;display:inline-flex}button:disabled{opacity:.6;cursor:not-allowed}.order-btn-primary:hover{background:var(--primaryHover)}.order-btn-blueline{background:var(--Primarywhite);color:var(--primaryColor);box-shadow:inset 0 0 0 2px var(--primaryColor);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:16px;font-weight:500;transition:background .3s;display:inline-flex}.order-btn-blueline:hover{background:var(--primaryPastel);box-shadow:inset 0 0 0 2px #0000}.order-btn-blueline{transition:all .2s}.order-btn-full{cursor:pointer;justify-content:center;width:100%}.order-btn-outline{background:var(--bgGrey);border:1px solid var(--gray1);color:var(--Black);justify-content:center;align-items:center;gap:6px;padding:11px 22px;font-size:14px;font-weight:500;transition:background .3s;display:inline-flex}.order-btn-ghost{color:var(--Primarywhite);background:0 0;border:none;font-size:14px;font-weight:500;transition:background .3s}.order-btn-icon{justify-content:center;align-items:center;display:inline-flex}.order-btn-borderline{color:var(--primaryColor);box-shadow:inset 0 0 0 2px var(--primaryColor);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:16px;font-weight:500;transition:all .2s;display:inline-flex}.order-btn-borderline:hover{background:var(--primaryPastel);box-shadow:inset 0 0 0 2px #0000}.order-btn-borderline{transition:all .2s}.order-btn-disabled{opacity:.45;cursor:not-allowed;pointer-events:none;background:var(--gray1)!important;border-color:var(--gray1)!important;color:var(--text2Color)!important}.order-btn-icon{justify-content:center;align-items:center;transition:transform .3s;display:inline-flex}.order-btn-rotate:hover .order-btn-icon{transform:rotate(45deg)}@media (max-width:768px){.order-btn-primary,.order-btn-blueline,.order-btn-outline,.order-btn-borderline,.order-btn-ghost{padding:10px 20px;font-size:12px}}.custom-checkbox{cursor:pointer;color:var(--Black);align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex;position:relative}.custom-checkbox span:last-child{word-break:break-word}.custom-checkbox input{opacity:0;cursor:pointer;position:absolute}.custom-checkbox .checkmark{border:1.5px solid var(--gray3);background:var(--Primarywhite);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:inline-flex}.custom-checkbox:hover .checkmark{border-color:var(--primaryColor)}.custom-checkbox input:checked+.checkmark{background:var(--primaryColor);border-color:var(--primaryColor)}.custom-checkbox .checkmark:after{content:"";border:solid var(--Primarywhite);border-width:0 2px 2px 0;width:5px;height:9px;display:none;transform:rotate(45deg)}.custom-checkbox input:checked+.checkmark:after{display:block}@media (max-width:480px){.custom-checkbox{align-items:flex-start;gap:8px;font-size:13px}.custom-checkbox .checkmark{flex-shrink:0;width:16px;height:16px}}.custom-radio{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.custom-radio input{opacity:0;position:absolute}.radiomark{border:1.5px solid var(--gray3);border-radius:50%;width:18px;height:18px;position:relative}.custom-radio input:checked+.radiomark{border-color:var(--primaryColor);border-color:var(--radio-color,var(--primaryColor))}.custom-radio input:checked+.radiomark:after{content:"";background:var(--radio-color,var(--primaryColor));border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-radio:hover .radiomark{border-color:var(--radio-color,var(--primaryColor))}.field-error{color:var(--primaryRed);margin-top:4px;font-size:12px}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;position:absolute;right:0}.date-input-container{position:relative}.date-input-container input{padding-right:45px}.date-icon{pointer-events:none;width:18px;height:18px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}input:-webkit-autofill{caret-color:var(--Black);transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--Black)!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}input:-webkit-autofill:hover{caret-color:var(--Black);transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--Black)!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}input:-webkit-autofill:focus{caret-color:var(--Black);transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--Black)!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}input:-webkit-autofill:active{caret-color:var(--Black);transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--Black)!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}.form-field{flex-direction:column;display:flex}.form-field label{color:var(--Black);margin-bottom:6px;font-size:16px;font-weight:500}.input-left-icon{display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-right-icon{display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.with-left-icon{padding-left:45px!important}.with-right-icon{padding-right:45px!important}.password-wrapper,.password-input-box{position:relative}.password-eye{cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.ui-input{border:1px solid var(--gray3);background:var(--Primarywhite);color:var(--Black);box-sizing:border-box;outline:none;width:100%;padding:12px 45px 12px 16px;font-size:16px;transition:all .2s}.ui-input:focus{border-color:var(--primaryColor)}.ui-input.error{border-color:var(--primaryRed)}.ui-input-rounded{border-radius:18px}.ui-input-pill{border-radius:30px}.ui-input-square{border-radius:8px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ui-input-number-only::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ui-input-number-only::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ui-input-bg-white{background:var(--Primarywhite)}.ui-input-bg-grey{background:var(--bgGrey)}.ui-input-bg-transparent{background:0 0}.ui-input-bg-pastel{background:var(--primaryPastel)}.ui-input-bottom-border{border:none;border-bottom:1.5px solid var(--gray3);background:0 0;border-radius:0;padding-left:0;padding-right:0}.ui-input-bottom-border:focus{border-bottom-color:var(--primaryColor);box-shadow:none}.ui-input-bottom-border.error{border-bottom-color:var(--primaryRed)}.ui-textarea{resize:vertical;min-height:120px;max-height:250px}.ui-file-upload{border:1px solid var(--gray3);cursor:pointer;align-items:center;height:42px;padding:0 16px;transition:all .2s;display:flex;position:relative}.ui-file-upload:hover{border-color:var(--primaryColor);background:var(--Primarywhite)}.ui-file-name{word-break:break-all;align-items:center;gap:6px;margin-top:6px;font-size:13px;display:flex}.remove-file{color:var(--primaryRed);cursor:pointer;padding:5px;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.modal-container{background:var(--Primarywhite);box-sizing:border-box;border-radius:20px;width:100%;padding:40px;animation:.25s fadeIn;position:relative}.modal-sm{max-width:520px}.modal-lg{max-width:900px}.modal-xlg{flex-direction:column;width:1120px;max-width:95vw;height:800px;max-height:95vh;display:flex;overflow:hidden}@media (max-width:1024px){.modal-xlg{width:95vw;height:90vh;padding:30px}}@media (max-width:768px){.modal-xlg{border-radius:0;width:100vw;max-width:100%;height:100vh;max-height:100%;padding:24px 16px}.modal-container{padding:20px}}.modal-close{color:var(--primaryRed);cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:20px;right:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.custom-select{width:100%;position:relative}.custom-select select{appearance:none;padding-right:60px;font-size:14px}.select-arrow{pointer-events:none;width:18px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.select-arrow img{transition:transform .18s}.select-arrow.rotate img{transform:rotate(180deg)}select::-webkit-scrollbar{width:8px}select::-webkit-scrollbar-track{background:#f1f1f1}select::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:8px}select::-webkit-scrollbar-thumb:hover{background:#b0b0b0}*{scrollbar-width:thin;scrollbar-color:#c7c7c7 #f1f1f1}.reusable-table-wrap{border:1px solid var(--borderColor);border-radius:var(--radiusMd);background:var(--Primarywhite);width:100%;overflow-x:auto}.reusable-table{border-collapse:collapse;width:100%;font-size:13px}.reusable-table th,.reusable-table td{border-bottom:1px solid var(--borderColor);text-align:left;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;max-width:280px;padding:12px 14px;overflow:hidden}.reusable-table th{color:var(--text1Color);text-transform:capitalize;background:#f4f7f6;font-weight:800}.reusable-table tr:last-child td{border-bottom:none}.reusable-table tbody tr:hover{background:#fbfdfc}.reusable-table__cell--compact{width:76px;max-width:76px}.reusable-table__actions-heading,.reusable-table__actions-cell{width:170px;max-width:170px}@media (max-width:720px){.reusable-table-wrap{background:0 0;border:none;overflow:visible}.reusable-table{min-width:0!important}.reusable-table thead{display:none}.reusable-table,.reusable-table tbody,.reusable-table tr,.reusable-table td{width:100%;display:block}.reusable-table tr{background:var(--Primarywhite);border:1px solid var(--borderColor);border-radius:var(--radiusMd);box-shadow:var(--box-shadow);margin-bottom:12px;padding:8px 0}.reusable-table td{white-space:normal;border-bottom:none;justify-content:space-between;align-items:flex-start;gap:16px;max-width:none;padding:9px 14px;display:flex}.reusable-table td:before{content:attr(data-label);color:var(--text2Color);flex:0 0 110px;font-weight:800}.reusable-table__actions-cell{max-width:none}}.reusable-table-wrap{max-height:430px;overflow:auto}.reusable-table thead th{z-index:2;position:sticky;top:0}@media (max-width:760px){.reusable-table-wrap{max-height:420px;border:1px solid var(--borderColor)!important;border-radius:var(--radiusMd)!important;background:var(--Primarywhite)!important;overflow:auto!important}.reusable-table{border-collapse:collapse;width:100%;min-width:720px!important}.reusable-table thead{display:table-header-group!important}.reusable-table,.reusable-table tbody,.reusable-table tr,.reusable-table td{display:revert!important;width:auto!important}.reusable-table tr{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin-bottom:0!important;padding:0!important}.reusable-table td{border-bottom:1px solid var(--borderColor)!important;white-space:nowrap!important;justify-content:initial!important;align-items:initial!important;gap:0!important;max-width:220px!important;padding:10px 12px!important;display:table-cell!important}.reusable-table td:before{content:none!important}.reusable-table__actions-cell{width:170px!important;max-width:170px!important}}:root,html[data-theme=light]{--appSurface:#fff;--appSurfaceSoft:#f8fafb;--appSurfaceMuted:#f0f2f5;--appBorder:#e5edf0;--appBorderStrong:#d6e0e4;--appShadow:0 18px 48px #0f172a14}html[data-theme=dark]{--background:#081114;--foreground:#eef7f2;--bg:#0b1418;--bgGrey:#0f1b20;--chatDarkBg:#081114;--chatHeaderBg:#122329;--chatSidebarBg:#101d22;--chatPanelBg:#0d191e;--chatInputBg:#13242a;--text1Color:#eef7f2;--text2Color:#a7b7be;--text3Color:#7f949d;--Black:#eef7f2;--Primarywhite:#101d22;--gray1:#203139;--gray2:#31454e;--gray3:#5f737c;--borderColor:#203139;--incomingBubble:#17282f;--outgoingBubble:#123b2a;--primaryPastel:#25d36629;--primaryDark:#7ee8a5;--modalBg:#000000ad;--box-shadow:0 18px 48px #00000052;--appSurface:#101d22;--appSurfaceSoft:#13242a;--appSurfaceMuted:#17282f;--appBorder:#22343c;--appBorderStrong:#2f4650;--appShadow:0 24px 60px #00000059}html,body,.main-console-layout,.main-console-content,.main-console-page,.console-page,.chat-layout,.chat-sidebar,.chat-window,.chat-panel{transition:background-color .28s,color .28s,border-color .28s,box-shadow .28s}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background-color:var(--appSurfaceSoft);color:var(--text1Color);border-color:var(--appBorderStrong)}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--text3Color)}html[data-theme=dark] option{background-color:var(--appSurface);color:var(--text1Color)}html[data-theme=dark] button:not(.order-btn-primary):not(.console-module__primary-btn):not(.console-module__danger-btn){color:inherit}html[data-theme=dark] .reusable-table-wrap{background:var(--appSurfaceSoft)!important;border-color:var(--appBorderStrong)!important}html[data-theme=dark] .reusable-table th{color:#f5fff9!important;border-bottom-color:var(--appBorderStrong)!important;background:#132c33!important}html[data-theme=dark] .reusable-table td{color:#f5fff9!important;border-bottom-color:var(--appBorder)!important}html[data-theme=dark] .reusable-table tbody tr:hover{background:#25d3660f!important}html[data-theme=dark] .reusable-table td:before{color:#a7b7be!important}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.reusable-table-shell{gap:10px;min-width:0;display:grid}.reusable-table-pagination{color:var(--text2Color);justify-content:space-between;align-items:center;gap:12px;padding:10px 2px 0;font-size:12px;font-weight:800;display:flex}.reusable-table-pagination__range{white-space:nowrap}.reusable-table-pagination__actions{justify-content:flex-end;align-items:center;gap:14px;display:inline-flex}.reusable-table-pagination__button,.reusable-table-pagination__select-wrap select{min-height:40px;color:var(--text1Color);background:#fff;border:1px solid #d7dee8;border-radius:6px;font-size:13px;font-weight:800;box-shadow:0 1px 2px #0f172a14}.reusable-table-pagination__button{cursor:pointer;justify-content:center;align-items:center;gap:8px;min-width:94px;padding:0 14px;display:inline-flex}.reusable-table-pagination__button span{margin-top:-1px;font-size:22px;line-height:0}.reusable-table-pagination__button:hover:not(:disabled){color:var(--primaryHover);background:#f8fbfa;border-color:#b9c7d2}.reusable-table-pagination__button:disabled{cursor:not-allowed;opacity:.48}.reusable-table-pagination__select-wrap{align-items:center;display:inline-flex;position:relative}.reusable-table-pagination__select-wrap select{appearance:none;text-align:center;cursor:pointer;min-width:86px;padding:0 34px 0 18px}.reusable-table-pagination__select-wrap:after{content:"⌄";color:var(--text2Color);pointer-events:none;font-size:17px;position:absolute;top:50%;right:14px;transform:translateY(-55%)}html[data-theme=dark] .reusable-table-pagination{color:var(--text2Color)!important}html[data-theme=dark] .reusable-table-pagination__button,html[data-theme=dark] .reusable-table-pagination__select-wrap select{box-shadow:none;background:var(--appSurfaceMuted)!important;border-color:var(--appBorderStrong)!important;color:#f5fff9!important}html[data-theme=dark] .reusable-table-pagination__button:hover:not(:disabled){color:#7ee8a5!important;background:#25d36629!important;border-color:#25d3667a!important}@media (max-width:720px){.reusable-table-pagination{flex-direction:column;align-items:stretch}.reusable-table-pagination__actions{grid-template-columns:1fr auto 1fr;gap:10px;display:grid}.reusable-table-pagination__button{min-width:0;padding-inline:10px}.reusable-table-pagination__select-wrap select{min-width:70px}}.reusable-table-pagination{width:100%!important;color:var(--text2Color)!important;justify-content:flex-start!important;align-items:center!important;gap:22px!important;padding:14px 0 2px!important;display:inline-flex!important}.reusable-table-pagination__button,.reusable-table-pagination__select-wrap select{color:#6b7280!important;background:#fff!important;border:1px solid #cfd7dd!important;border-radius:5px!important;height:36px!important;min-height:36px!important;font-size:13px!important;font-weight:700!important;box-shadow:0 1px 2px #0f172a1f!important}.reusable-table-pagination__button{justify-content:center!important;align-items:center!important;gap:7px!important;min-width:86px!important;padding:0 12px!important;display:inline-flex!important}.reusable-table-pagination__select-wrap select{text-align:center!important;appearance:none!important;min-width:86px!important;padding:0 32px 0 18px!important}.reusable-table-pagination__select-wrap:after{content:"⌄"!important;color:#6b7280!important;pointer-events:none!important;position:absolute!important;top:50%!important;right:14px!important;transform:translateY(-56%)!important}.reusable-table-pagination__button:disabled{opacity:.42!important;cursor:not-allowed!important}html[data-theme=dark] .reusable-table-pagination__button,html[data-theme=dark] .reusable-table-pagination__select-wrap select{color:#e9fbf1!important;box-shadow:none!important;background:#10252b!important;border-color:#31535d!important}html[data-theme=dark] .reusable-table-pagination__select-wrap:after{color:#e9fbf1!important}.app-side-nav__notification-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.app-side-nav__notification-btn{position:relative}.app-side-nav__notification-icon-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.app-side-nav__notification-badge{color:#fff;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--Primarywhite,#fff);z-index:2;pointer-events:none;background:#ef4444;border-radius:9999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-3px;right:-5px}body.app-side-nav-collapsed .app-side-nav__notification-wrapper{width:100%}body.app-side-nav-collapsed .app-side-nav__notification-btn{border-radius:16px!important;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;display:flex!important}body.app-side-nav-collapsed .app-side-nav__notification-badge{top:4px;right:4px}@media (max-width:768px){.app-side-nav__notification-wrapper--mobile{justify-content:center;width:100%;display:flex}.app-side-nav__notification-wrapper--mobile .app-notification-panel{top:auto;bottom:calc(76px + env(safe-area-inset-bottom));width:auto;max-height:70vh;position:fixed;left:12px;right:12px;box-shadow:0 -10px 30px #0003}.app-side-nav__mobile-bar{grid-template-columns:repeat(5,minmax(0,1fr))!important}}.app-notification-panel{background:var(--Primarywhite,#fff);border:1px solid var(--borderColor,#e2e8f0);z-index:1000;border-radius:12px;flex-direction:column;width:268px;max-height:420px;animation:.2s ease-out notificationPanelFade;display:flex;position:absolute;top:calc(100% + 8px);left:auto;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #0000001a}body.app-side-nav-collapsed .app-notification-panel{width:300px;top:0;left:calc(100% + 12px);right:auto}.app-side-nav__bottom-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.app-side-nav__bottom-btn{border:1px solid var(--borderColor,#e2e8f0);background:var(--Primarywhite,#fff);color:var(--text1Color,#334155);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.app-side-nav__bottom-btn:hover{background:#0000000a;border-color:#cbd5e1}.app-side-nav__bottom-btn .app-side-nav__icon{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}html[data-theme=dark] .app-side-nav__bottom-btn{color:#e9fbf1;background:#15262c;border-color:#1e363d}html[data-theme=dark] .app-side-nav__bottom-btn:hover{background:#1c3239}body.app-side-nav-collapsed .app-side-nav__bottom-row{grid-template-columns:1fr;gap:8px;width:100%}body.app-side-nav-collapsed .app-side-nav__bottom-btn{border-radius:14px;width:48px;height:48px;padding:0}body.app-side-nav-collapsed .app-side-nav__bottom-btn .app-side-nav__label{display:none!important}@keyframes notificationPanelFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.app-notification-panel__header{border-bottom:1px solid var(--borderColor,#e2e8f0);background:var(--Primarywhite,#fff);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.app-notification-panel__permission-banner{color:#1e40af;background:#eff6ff;border-bottom:1px solid #dbeafe;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.app-notification-panel__permission-banner button{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.app-notification-panel__permission-banner button:hover{background:#1d4ed8}.app-notification-panel__title{align-items:center;gap:8px;display:flex}.app-notification-panel__title h3{color:var(--text1Color,#0f172a);margin:0;font-size:14px;font-weight:700}.app-notification-panel__badge{color:#dc2626;background:#fee2e2;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.app-notification-panel__mark-all{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.app-notification-panel__mark-all:hover{text-decoration:underline}.app-notification-panel__body{flex-direction:column;max-height:350px;display:flex;overflow-y:auto}.app-notification-panel__empty{text-align:center;color:var(--text2Color,#64748b);padding:32px 16px;font-size:13px}.app-notification-item{border-bottom:1px solid var(--borderColor,#f1f5f9);cursor:pointer;color:inherit;align-items:flex-start;gap:12px;padding:12px 16px;text-decoration:none;transition:background .15s;display:flex;position:relative}.app-notification-item:hover{background:#00000005}.app-notification-item--unread{background:#2563eb0a}.app-notification-item__icon{color:#475569;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.app-notification-item--unread .app-notification-item__icon{color:#2563eb;background:#dbeafe}.app-notification-item__content{flex:1;min-width:0}.app-notification-item__title{color:var(--text1Color,#0f172a);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:13px;font-weight:600;overflow:hidden}.app-notification-item__body{color:var(--text2Color,#475569);word-break:break-word;margin:0 0 4px;font-size:12px;line-height:1.4}.app-notification-item__time{color:#94a3b8;font-size:10px}.app-notification-item__dot{background:#2563eb;border-radius:50%;width:8px;height:8px;position:absolute;top:14px;right:14px}html[data-theme=dark] .app-notification-panel,html[data-theme=dark] .app-notification-panel__header{background:#0f1d22;border-color:#1e363d}html[data-theme=dark] .app-notification-panel__title h3{color:#e9fbf1}html[data-theme=dark] .app-notification-item{border-color:#1a2f35}html[data-theme=dark] .app-notification-item:hover{background:#ffffff0a}html[data-theme=dark] .app-notification-item--unread{background:#2563eb1f}html[data-theme=dark] .app-notification-item__title{color:#e9fbf1}html[data-theme=dark] .app-notification-item__body{color:#94a3b8}