@charset "UTF-8";.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-primary: #ffffff;--bg-secondary: #f3f4f6;--bg-surface: #ffffff;--surface-color: #ffffff;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--accent-color: #4F7EF7;--accent-hover: #3B66D6;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--danger-color: #ef4444;--success-color: #10b981;--accent-rgb: 79, 126, 247;--aseda-cobalt: #1e40af;--aseda-blue: #3b82f6;--aseda-slate: #0f172a;--aseda-br: 16px;--aseda-gradient: linear-gradient(135deg, #1e40af, #3b82f6);--aseda-gradient-warm: linear-gradient(135deg, #f59e0b, #ef4444);--aseda-shadow: 0 10px 30px -5px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--aseda-shadow-lg: 0 20px 50px -12px rgba(0, 0, 0, .2);--avatar-blue-bg: #e0f2fe;--avatar-blue-text: #0369a1;--avatar-teal-bg: #ccfbf1;--avatar-teal-text: #0f766e;--avatar-green-bg: #dcfce7;--avatar-green-text: #15803d;--avatar-purple-bg: #f3e8ff;--avatar-purple-text: #7e22ce;--avatar-pink-bg: #fce7f3;--avatar-pink-text: #be185d;--avatar-amber-bg: #fef3c7;--avatar-amber-text: #b45309}html.dark{--bg-primary: #0a0a0c;--bg-secondary: #141416;--bg-surface: #1c1c1e;--surface-color: #1c1c1e;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-color: #3b82f6;--accent-hover: #60a5fa;--border-color: #2c2c2e;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .6), 0 2px 4px -1px rgba(0, 0, 0, .4);--accent-rgb: 59, 130, 246;--avatar-blue-bg: #075985;--avatar-blue-text: #e0f2fe;--avatar-teal-bg: #115e59;--avatar-teal-text: #ccfbf1;--avatar-green-bg: #166534;--avatar-green-text: #dcfce7;--avatar-purple-bg: #6b21a8;--avatar-purple-text: #f3e8ff;--avatar-pink-bg: #9d174d;--avatar-pink-text: #fce7f3;--avatar-amber-bg: #92400e;--avatar-amber-text: #fef3c7}:root{--mobile-breakpoint: 480px;--tablet-breakpoint: 768px;--desktop-breakpoint: 1024px;--container-padding: 32px;--container-padding-mobile: 16px;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}@media (max-width: 768px){:root{--container-padding: 16px}}.aseda-header{display:flex!important;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:2rem;border-bottom:1px solid var(--border-color)}.aseda-header .title-area h1{font-size:1.8rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em}.aseda-header .title-area p{font-size:.9rem;color:var(--text-secondary);margin:4px 0 0}@media (max-width: 480px){.aseda-header .title-area h1{font-size:1.5rem}}.aseda-header .actions-area{display:flex;gap:12px;align-items:center}@media (max-width: 768px){.aseda-header .actions-area{position:fixed;bottom:20px;right:20px;z-index:1000;flex-direction:column-reverse;gap:16px}}.aseda-card,app-asset-gallery .asset-card,app-asset-gallery .folder-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--aseda-br, 16px);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.aseda-card:hover,app-asset-gallery .asset-card:hover,app-asset-gallery .folder-card:hover{transform:translateY(-4px);box-shadow:var(--aseda-shadow);border-color:var(--accent-color)}.mobile-nav-only{display:none!important}@media (max-width: 768px){.mobile-nav-only{display:flex!important}.desktop-nav-only{display:none!important}}.aseda-modal-overlay,.task-detail-overlay,app-kanban-board .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex!important;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.aseda-modal-content,.task-detail-container,app-kanban-board .modal-content{width:100%;max-width:480px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;animation:modalUp .4s cubic-bezier(.16,1,.3,1)}@media (max-width: 480px){.aseda-modal-content,.task-detail-container,app-kanban-board .modal-content{width:100%;height:100%;max-width:none;border-radius:0}}.aseda-modal-header{padding:24px;display:flex!important;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.aseda-modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.aseda-modal-body{padding:24px}.aseda-modal-footer{padding:16px 24px 24px;display:flex!important;justify-content:flex-end;gap:12px}.aseda-btn,app-onboarding .btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:none;font-family:inherit;font-size:.875rem;gap:8px;white-space:nowrap;-webkit-user-select:none;user-select:none}.aseda-btn:active,app-onboarding .btn-primary:active{transform:scale(.96)}.aseda-btn:disabled,app-onboarding .btn-primary:disabled{opacity:.5;cursor:not-allowed}.aseda-btn.primary,app-onboarding .primary.btn-primary{background:var(--accent-color);color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.aseda-btn.primary:hover,app-onboarding .primary.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.aseda-btn.secondary,app-onboarding .secondary.btn-primary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.aseda-btn.secondary:hover,app-onboarding .secondary.btn-primary:hover{background:var(--border-color)}.aseda-btn.ghost,app-onboarding .ghost.btn-primary{background:transparent;color:var(--text-secondary)}.aseda-btn.ghost:hover,app-onboarding .ghost.btn-primary:hover{background:var(--bg-secondary);color:var(--text-primary)}.aseda-btn.danger,app-onboarding .danger.btn-primary{background:#ef44441a;color:#ef4444}.aseda-btn.danger:hover,app-onboarding .danger.btn-primary:hover{background:#ef4444;color:#fff}.aseda-btn.icon-only,app-onboarding .icon-only.btn-primary{padding:8px;border-radius:10px;width:36px;height:36px}.aseda-btn.icon-only .material-icons,app-onboarding .icon-only.btn-primary .material-icons,.aseda-btn.icon-only .icon,app-onboarding .icon-only.btn-primary .icon{font-size:1.25rem}.aseda-btn.sm,app-onboarding .sm.btn-primary{padding:6px 12px;font-size:.8rem;border-radius:8px;height:32px}.aseda-btn.sm .material-icons,app-onboarding .sm.btn-primary .material-icons,.aseda-btn.sm .icon,app-onboarding .sm.btn-primary .icon{font-size:1.1rem}.aseda-btn .material-icons,app-onboarding .btn-primary .material-icons,.aseda-btn .icon,app-onboarding .btn-primary .icon{font-size:1.25rem}.aseda-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width: 768px){.aseda-grid{grid-template-columns:1fr;gap:16px}}.aseda-stack{display:flex;flex-direction:column;gap:16px}.aseda-stack.horizontal{flex-direction:row;align-items:center}@media (max-width: 768px){.aseda-stack.mobile-stack{flex-direction:column}}.aseda-spinner{width:24px;height:24px;border:2.5px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:aseda-spin .8s linear infinite}.aseda-spinner.large{width:48px;height:48px}@keyframes aseda-spin{to{transform:rotate(360deg)}}@keyframes modalUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}app-asset-gallery{display:block}app-asset-gallery .gallery-container{padding:var(--container-padding);max-width:1400px;margin:0 auto;min-height:100vh}app-asset-gallery .folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}@media (max-width: 480px){app-asset-gallery .folders-grid{grid-template-columns:1fr}}app-asset-gallery .assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@media (max-width: 480px){app-asset-gallery .assets-grid{grid-template-columns:1fr}}app-asset-gallery .folder-card{padding:1rem;display:flex!important;align-items:center;gap:.75rem}app-asset-gallery .folder-card .folder-icon{font-size:1.5rem;color:var(--accent-color)}app-asset-gallery .folder-card .folder-name{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-asset-gallery .asset-card .thumbnail{position:relative;aspect-ratio:16/10;background:var(--bg-secondary);display:flex!important;align-items:center;justify-content:center;overflow:hidden}app-asset-gallery .asset-card .thumbnail .status-badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:800;text-transform:uppercase;z-index:2;background:var(--bg-surface);border:1px solid var(--border-color)}app-asset-gallery .asset-card .thumbnail .status-badge.approved{color:var(--success-color);border-color:var(--success-color)}app-asset-gallery .asset-card .thumbnail .status-badge.declined{color:var(--danger-color);border-color:var(--danger-color)}app-asset-gallery .asset-card .meta{padding:1.25rem}app-asset-gallery .asset-card .meta .name{font-weight:600;font-size:.95rem;margin-bottom:.5rem;color:var(--text-primary)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;min-height:100vh}*{box-sizing:border-box}.full-width{width:100%}input,textarea,select{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:.5rem .75rem;font-family:inherit;transition:border-color .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #4f7ef733}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.btn.btn-primary{background-color:var(--accent-color);color:#fff}.btn.btn-primary:hover{background-color:var(--accent-hover)}.btn.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn.btn-secondary:hover{background-color:var(--border-color)}.mention-highlight{display:inline-block;background-color:#4f7ef71a;color:var(--accent-color);padding:0 6px;border-radius:4px;font-weight:600;border:1px solid rgba(79,126,247,.2);margin:0 1px;line-height:normal}html.dark .mention-highlight{background-color:#3b82f626;border-color:#3b82f64d}.onboarding-card{margin-bottom:2rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;padding:1.5rem;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.onboarding-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--aseda-gradient)}.onboarding-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.onboarding-card .card-header h3{font-size:1.25rem;font-weight:800;margin:0;color:var(--text-primary);display:flex;align-items:center;gap:8px}.onboarding-card .card-header p{font-size:.9rem;color:var(--text-secondary);margin:.25rem 0 0}.onboarding-card .card-header .dismiss-btn{background:var(--bg-secondary);border:1px solid var(--border-color);width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;transition:all .2s}.onboarding-card .card-header .dismiss-btn:hover{background:var(--border-color);color:var(--text-primary);transform:rotate(90deg)}.progress-section{margin-bottom:1.5rem;padding:1rem;background:rgba(var(--accent-rgb),.03);border-radius:12px;border:1px dashed rgba(var(--accent-rgb),.2)}.progress-section .progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.progress-section .progress-meta span{font-size:.8rem;font-weight:800;color:var(--accent-color);text-transform:uppercase;letter-spacing:.05em}.progress-section .progress-bar-bg{height:10px;background:var(--bg-secondary);border-radius:10px;overflow:hidden;border:1px solid var(--border-color)}.progress-section .progress-bar-bg .progress-bar-fill{height:100%;background:var(--aseda-gradient);border-radius:10px;transition:width 1s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 10px rgba(var(--accent-rgb),.3)}.checklist-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.checklist-item{display:flex;align-items:center;gap:14px;padding:14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.checklist-item:hover{background:var(--bg-surface);border-color:var(--accent-color);transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-md)}.checklist-item:hover .status-icon{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.checklist-item:hover .chevron{transform:translate(4px);opacity:1;color:var(--accent-color)}.checklist-item.complete{background:rgba(var(--success-color),.02);border-color:rgba(var(--success-color),.1)}.checklist-item.complete .status-icon{background:rgba(var(--success-color),.1);color:var(--success-color);border-color:rgba(var(--success-color),.2)}.checklist-item.complete .item-text .label{text-decoration:line-through;color:var(--text-secondary);opacity:.7}.checklist-item.complete:hover{border-color:var(--success-color)}.checklist-item.complete:hover .status-icon{background:var(--success-color);color:#fff}.checklist-item .status-icon{width:44px;height:44px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--accent-color);transition:all .3s ease;flex-shrink:0}.checklist-item .status-icon span{font-size:22px}.checklist-item .item-text{flex:1;display:flex;flex-direction:column;min-width:0}.checklist-item .item-text .label{font-size:.95rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checklist-item .item-text .desc{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checklist-item .chevron{font-size:20px;color:var(--text-secondary);opacity:.3;transition:all .2s}.asset-card{position:relative;background:var(--surface-color);border-radius:12px;border:1px solid var(--border-color);overflow:visible;transition:all .2s ease;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000d}.asset-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--primary-color)}.asset-card:hover .card-actions-btn{opacity:1}.asset-card .thumbnail{position:relative;height:140px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;border-radius:12px 12px 0 0;overflow:hidden}.asset-card .thumbnail img{width:100%;height:100%;object-fit:cover}.asset-card .thumbnail .status-badge{position:absolute;top:12px;left:12px;padding:4px 8px;border-radius:4px;font-size:.65rem;font-weight:700;color:#fff;z-index:2;text-transform:uppercase;letter-spacing:.5px}.asset-card .thumbnail .status-badge.approved{background:var(--status-success-bg);color:var(--status-success-text)}.asset-card .thumbnail .status-badge.declined{background:var(--status-danger-bg);color:var(--status-danger-text)}.asset-card .thumbnail .status-badge.pending{background:var(--status-info-bg);color:var(--status-info-text)}.asset-card .thumbnail .card-actions-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#00000080;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s;font-size:1.2rem;z-index:10}.asset-card .thumbnail .card-actions-btn:hover{background:var(--primary-color)}.asset-card .meta{padding:12px;flex:1;display:flex;flex-direction:column;gap:8px}.asset-card .meta .name-row{display:flex;justify-content:space-between;align-items:flex-start}.asset-card .meta .name-row .name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.asset-card .meta .task-link .task-badge{display:inline-block;padding:2px 6px;background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);font-size:.7rem;font-weight:600;border-radius:4px;border:1px solid rgba(var(--primary-color-rgb),.2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card .meta .task-link .task-badge.inactive{background:#f3f4f6;color:#9ca3af;border-color:#e5e7eb}.asset-card .meta .card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.asset-card .meta .card-footer .assignees{display:flex;align-items:center}.asset-card .meta .card-footer .assignees .mini-avatar.empty{background:#f3f4f6;color:#9ca3af;border-style:dashed;font-size:.7rem}.asset-card .meta .card-footer .asset-info-grid{display:flex;gap:8px;font-size:.75rem;color:var(--text-secondary);font-weight:500}.avatar-stack{display:flex;align-items:center}.avatar-stack .mini-avatar{width:20px;height:20px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--surface-color);margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:var(--text-primary)}.avatar-stack .mini-avatar:first-child{margin-left:0}.avatar-stack .mini-avatar.more{background:var(--border-color);color:var(--text-secondary)}.card-menu{position:absolute;top:40px;right:8px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;width:180px;z-index:100;padding:4px}.card-menu .menu-item{padding:8px 12px;font-size:.85rem;border-radius:6px;cursor:pointer;color:var(--text-primary)}.card-menu .menu-item:hover{background:var(--bg-secondary)}.card-menu .menu-item.delete{color:#ef4444}.card-menu .menu-item.delete:hover{background:#fef2f2}.card-menu hr{border:0;border-top:1px solid var(--border-color);margin:4px 0}.projects-container-refined{padding:32px;max-width:1400px;margin:0 auto}.projects-container-refined .projects-header-refined{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.projects-container-refined .projects-header-refined .header-left{display:flex;align-items:center;gap:16px;color:var(--text-secondary);font-size:14px}.projects-container-refined .projects-header-refined .header-left .header-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;transition:all .2s;border:1px solid transparent}.projects-container-refined .projects-header-refined .header-left .header-item .material-icons{font-size:18px}.projects-container-refined .projects-header-refined .header-left .header-item strong{color:var(--text-primary);margin-left:2px}.projects-container-refined .projects-header-refined .header-left .header-item.search-box-premium{background:var(--bg-secondary);border:1px solid var(--border-color);width:240px;cursor:text}.projects-container-refined .projects-header-refined .header-left .header-item.search-box-premium input{background:transparent;border:none;padding:0;font-size:13px;color:var(--text-primary);width:100%;box-shadow:none}.projects-container-refined .projects-header-refined .header-left .header-item.search-box-premium input:focus{box-shadow:none}.projects-container-refined .projects-header-refined .header-left .header-item.search-box-premium:focus-within{border-color:var(--accent-color);background:var(--bg-surface)}.projects-container-refined .projects-header-refined .header-left .header-item.dropdown-trigger-premium{background:var(--bg-secondary);border:1px solid var(--border-color);position:relative;cursor:pointer}.projects-container-refined .projects-header-refined .header-left .header-item.dropdown-trigger-premium:hover{border-color:var(--text-secondary)}.projects-container-refined .projects-header-refined .header-left .header-item.dropdown-trigger-premium .expand{font-size:16px;margin-left:4px;opacity:.5}.projects-container-refined .projects-header-refined .header-left .header-item.dropdown-trigger-premium .filter-dropdown-clickup{position:absolute;top:calc(100% + 8px);left:0;width:200px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 25px #0000004d;z-index:1000;padding:6px}.projects-container-refined .projects-header-refined .header-left .header-item.dropdown-trigger-premium .filter-dropdown-clickup .dropdown-option{padding:10px 12px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-secondary);transition:all .15s}.projects-container-refined .projects-header-refined .header-left .header-item.dropdown-trigger-premium .filter-dropdown-clickup .dropdown-option:hover{background:var(--bg-secondary);color:var(--text-primary)}.projects-container-refined .projects-header-refined .header-left .header-item.dropdown-trigger-premium .filter-dropdown-clickup .dropdown-option.active{color:var(--accent-color);font-weight:600;background:#3b82f614}.projects-container-refined .projects-header-refined .header-left .header-item.dropdown-trigger-premium .filter-dropdown-clickup .dropdown-option .check{font-size:16px}.projects-container-refined .projects-header-refined .header-right{display:flex;align-items:center;gap:12px}.projects-container-refined .projects-header-refined .header-right .invite-trigger{width:40px;height:40px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s}.projects-container-refined .projects-header-refined .header-right .invite-trigger:hover{background:var(--border-color);color:var(--text-primary)}.projects-container-refined .projects-header-refined .header-right .invite-trigger .material-icons{font-size:20px}.projects-container-refined .projects-header-refined .header-right .new-project-btn{background:var(--accent-color);color:#fff;height:40px;padding:0 16px;border-radius:10px;display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;transition:all .2s}.projects-container-refined .projects-header-refined .header-right .new-project-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.projects-container-refined .projects-header-refined .header-right .new-project-btn .material-icons{font-size:20px}.projects-container-refined .project-grid-refined{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px}@media (max-width: 640px){.projects-container-refined .project-grid-refined{grid-template-columns:1fr;gap:20px}}.project-card-refined{background:var(--bg-surface);border-radius:16px;border:1px solid var(--border-color);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;display:flex;flex-direction:column}.project-card-refined:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006;border-color:#ffffff1a}.project-card-refined .card-thumb{height:180px;position:relative;background:#111;display:flex;align-items:center;justify-content:center}.project-card-refined .card-thumb img{width:100%;height:100%;object-fit:cover}.project-card-refined .card-thumb .default-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:56px;font-weight:800}.project-card-refined .card-thumb .default-thumb.gradient-1{background:linear-gradient(135deg,#6366f1,#a855f7)}.project-card-refined .card-thumb .default-thumb.gradient-2{background:linear-gradient(135deg,#3b82f6,#2dd4bf)}.project-card-refined .card-thumb .default-thumb.gradient-3{background:linear-gradient(135deg,#f43f5e,#fb923c)}.project-card-refined .card-thumb .default-thumb.gradient-4{background:linear-gradient(135deg,#10b981,#d9f99d)}.project-card-refined .card-thumb .status-badge{position:absolute;top:14px;right:14px;background:#000;color:#fff;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1)}.project-card-refined .card-thumb .status-badge .material-icons{font-size:16px}.project-card-refined .card-content{padding:20px;flex:1;display:flex;flex-direction:column;gap:16px}.project-card-refined .card-content .project-name{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.project-card-refined .card-content .project-members-group .avatar-stack{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center}.project-card-refined .card-content .project-members-group .avatar-stack .member-avatar-mini{width:28px;height:28px;border-radius:50%;border:2px solid var(--bg-surface);background:var(--bg-secondary);margin-right:-8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;overflow:hidden;transition:transform .2s}.project-card-refined .card-content .project-members-group .avatar-stack .member-avatar-mini img{width:100%;height:100%;object-fit:cover}.project-card-refined .card-content .project-members-group .avatar-stack .member-avatar-mini:hover{transform:translateY(-4px);z-index:10}.project-card-refined .card-content .project-members-group .avatar-stack .member-avatar-mini.count{background:var(--border-color);color:var(--text-secondary);font-size:9px;margin-right:0;margin-left:4px}.project-card-refined .card-content .project-members-group .avatar-stack .no-members-text{font-size:12px;color:var(--text-secondary);font-style:italic;opacity:.6}.project-card-refined .card-content .project-task-summary{margin-top:auto}.project-card-refined .card-content .project-task-summary .summary-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.project-card-refined .card-content .project-task-summary .summary-meta .progress-text{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.project-card-refined .card-content .project-task-summary .summary-meta .status-indicator{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:10px}.project-card-refined .card-content .project-task-summary .summary-meta .status-indicator.success{color:var(--status-success-text);background:var(--status-success-bg)}.project-card-refined .card-content .project-task-summary .summary-meta .status-indicator.warning{color:var(--status-warning-text);background:var(--status-warning-bg)}.project-card-refined .card-content .project-task-summary .summary-meta .status-indicator.failure{color:var(--status-danger-text);background:var(--status-danger-bg)}.project-card-refined .card-content .project-task-summary .progress-bar-container{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.project-card-refined .card-content .project-task-summary .progress-bar-container .progress-bar-fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.project-card-refined .card-footer{padding:12px 16px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary)}.project-card-refined .card-footer .more-btn{cursor:pointer;padding:4px;border-radius:4px}.project-card-refined .card-footer .more-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.project-card-refined .card-footer .more-btn .material-icons{font-size:20px}.project-card-refined.new-project{border:2px dashed var(--border-color);background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;height:100%;min-height:300px;color:var(--text-secondary)}.project-card-refined.new-project .add-icon{width:48px;height:48px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center}.project-card-refined.new-project .add-icon .material-icons{font-size:32px}.project-card-refined.new-project span{font-weight:500}.project-card-refined.new-project:hover{border-color:var(--primary-color);color:var(--primary-color)}.settings-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.settings-modal-overlay .settings-modal-refined{background:var(--bg-modal);width:600px;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 24px 48px #00000080;overflow:hidden}.settings-modal-overlay .settings-modal-refined .modal-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.settings-modal-overlay .settings-modal-refined .modal-header h3{margin:0;font-size:16px;font-weight:600}.settings-modal-overlay .settings-modal-refined .modal-header .close-btn{cursor:pointer;color:var(--text-secondary)}.settings-modal-overlay .settings-modal-refined .modal-header .close-btn:hover{color:var(--text-primary)}.settings-modal-overlay .settings-modal-refined .modal-body{padding:24px;display:grid;grid-template-columns:240px 1fr;gap:32px}.settings-modal-overlay .settings-modal-refined .modal-body .thumb-section .thumb-preview{width:240px;height:180px;border-radius:8px;background:#1a1a1a;margin-bottom:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.settings-modal-overlay .settings-modal-refined .modal-body .thumb-section .thumb-preview img{width:100%;height:100%;object-fit:cover}.settings-modal-overlay .settings-modal-refined .modal-body .thumb-section .thumb-preview .upload-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;cursor:pointer}.settings-modal-overlay .settings-modal-refined .modal-body .thumb-section .thumb-preview:hover .upload-overlay{opacity:1}.settings-modal-overlay .settings-modal-refined .modal-body .thumb-section input[type=text]{width:100%;background:#111;border:1px solid var(--primary-color);border-radius:4px;color:#fff;padding:8px;outline:none}.settings-modal-overlay .settings-modal-refined .modal-body .info-section{display:flex;flex-direction:column;gap:20px}.settings-modal-overlay .settings-modal-refined .modal-body .info-section .field-group label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.settings-modal-overlay .settings-modal-refined .modal-body .info-section .field-group .toggle-box{background:var(--bg-hover);padding:12px;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.settings-modal-overlay .settings-modal-refined .modal-body .info-section .field-group .toggle-box .label-text{display:flex;flex-direction:column;gap:2px}.settings-modal-overlay .settings-modal-refined .modal-body .info-section .field-group .toggle-box .label-text span:first-child{font-weight:600;font-size:14px}.settings-modal-overlay .settings-modal-refined .modal-body .info-section .field-group .toggle-box .label-text span:last-child{font-size:12px;color:var(--text-secondary)}.settings-modal-overlay .settings-modal-refined .modal-body .info-section .field-group .workspace-read-only{background:var(--bg-hover);padding:12px;border-radius:8px;display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:14px;opacity:.7}.settings-modal-overlay .settings-modal-refined .modal-footer{padding:16px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.settings-modal-overlay .settings-modal-refined .modal-footer .btn{padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:opacity .2s,background .2s}.settings-modal-overlay .settings-modal-refined .modal-footer .btn.btn-cancel{color:var(--text-secondary)}.settings-modal-overlay .settings-modal-refined .modal-footer .btn.btn-cancel:hover{background:var(--bg-hover)}.settings-modal-overlay .settings-modal-refined .modal-footer .btn.btn-save{background:#5b5eef;color:#fff}.settings-modal-overlay .settings-modal-refined .modal-footer .btn.btn-save:hover{opacity:.9}.settings-modal-overlay .settings-modal-refined .modal-footer .btn.btn-save.disabled{background:#1a1d29;color:#444;cursor:not-allowed;pointer-events:none}.review-header{min-height:64px;background:var(--surface-color);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:1000}@media (min-width: 768px){.review-header{padding:0 24px}}.review-header .asset-meta-info{display:flex;align-items:center;gap:12px}@media (min-width: 768px){.review-header .asset-meta-info{gap:16px}}.review-header .asset-meta-info .back-btn{width:32px;height:32px;border-radius:8px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);flex-shrink:0}.review-header .asset-meta-info .back-btn:hover{background:var(--border-color);color:var(--text-primary)}.review-header .asset-meta-info .task-context .task-name-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.review-header .asset-meta-info .task-context .task-name-row .task-label{font-size:.6rem;font-weight:800;color:var(--text-secondary);opacity:.6;display:none}@media (min-width: 640px){.review-header .asset-meta-info .task-context .task-name-row .task-label{display:block}}.review-header .asset-meta-info .task-context .task-name-row .task-title{margin:0;font-size:.9rem;font-weight:700;color:var(--text-primary)}@media (min-width: 768px){.review-header .asset-meta-info .task-context .task-name-row .task-title{font-size:1rem}}.review-header .asset-meta-info .task-context .task-name-row .status-pill{font-size:.6rem;padding:1px 6px;border-radius:12px;font-weight:700;background:var(--status-neutral-bg);color:var(--status-neutral-text)}@media (min-width: 768px){.review-header .asset-meta-info .task-context .task-name-row .status-pill{font-size:.65rem;padding:2px 8px}}.review-header .asset-meta-info .task-context .task-name-row .status-pill[data-status=done]{background:var(--status-success-bg);color:var(--status-success-text)}.review-header .asset-meta-info .task-context .task-name-row .status-pill[data-status=in_review]{background:var(--status-warning-bg);color:var(--status-warning-text)}.review-header .asset-meta-info .task-context .sub-info{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--text-secondary)}@media (min-width: 768px){.review-header .asset-meta-info .task-context .sub-info{gap:8px;font-size:.75rem}}.review-header .asset-meta-info .task-context .sub-info .separator{opacity:.3}.review-header .asset-meta-info .task-context .sub-info .file-size,.review-header .asset-meta-info .task-context .sub-info .due-date{display:none}@media (min-width: 640px){.review-header .asset-meta-info .task-context .sub-info .file-size,.review-header .asset-meta-info .task-context .sub-info .due-date{display:inline}}.review-header .asset-meta-info .task-context .sub-info .review-status-text{font-weight:700;text-transform:uppercase;font-size:.65rem}@media (min-width: 768px){.review-header .asset-meta-info .task-context .sub-info .review-status-text{font-size:.7rem}}.review-header .asset-meta-info .task-context .sub-info .review-status-text.approved{color:var(--status-success-text)}.review-header .asset-meta-info .task-context .sub-info .review-status-text.declined{color:var(--status-danger-text)}.review-header .asset-meta-info .task-context .sub-info .review-status-text.pending{color:var(--status-info-text)}.review-header .header-actions{display:flex;align-items:center;gap:8px}@media (min-width: 768px){.review-header .header-actions{gap:12px}}.review-header .header-actions .assignees-group{display:none}@media (min-width: 1024px){.review-header .header-actions .assignees-group{display:block}}.review-header .header-actions .decision-buttons{display:flex;gap:4px;background:var(--bg-secondary);padding:4px;border-radius:8px}@media (min-width: 768px){.review-header .header-actions .decision-buttons{gap:8px}}.review-header .header-actions .decision-buttons .btn{padding:4px 8px;font-size:.8rem}@media (min-width: 768px){.review-header .header-actions .decision-buttons .btn{padding:6px 12px;font-size:.85rem}}.review-header .header-actions .decision-buttons .btn.active.approve-btn{background:#10b981!important;color:#fff!important}.review-header .header-actions .decision-buttons .btn.active.decline-btn{background:#ef4444!important;color:#fff!important;border-color:transparent!important}.review-header .header-actions .close-x{width:32px;height:32px;border:none;background:transparent;font-size:1.2rem;cursor:pointer;color:var(--text-secondary)}.review-header .header-actions .close-x:hover{color:var(--text-primary)}.review-page-container{height:100vh;width:100vw;display:flex;flex-direction:column;background:#0c0c0c;overflow:hidden;position:fixed;top:0;left:0;z-index:9999}app-main-layout{display:block;width:100%;height:100%}.app-shell{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-secondary);position:relative}@media (min-width: 1024px){.app-shell.collapsed .sidebar{width:80px}}.app-shell.mobile-open .sidebar{transform:translate(0);box-shadow:4px 0 24px #0003}.app-shell.mobile-open .sidebar-overlay{opacity:1;visibility:visible}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:150;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar{width:260px;background-color:var(--bg-surface);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:200}@media (max-width: 1023px){.sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%)}}.sidebar .sidebar-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;border-bottom:1px solid var(--border-color)}.sidebar .sidebar-header .brand{display:flex;align-items:center;gap:.75rem}.sidebar .sidebar-header .brand h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.sidebar .sidebar-header .collapse-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;padding:.25rem;border-radius:4px}.sidebar .sidebar-header .collapse-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}@media (max-width: 1023px){.sidebar .sidebar-header .collapse-btn{display:none}}.sidebar .sidebar-nav{flex:1;overflow-y:auto;padding:1rem .75rem}.sidebar .sidebar-nav .nav-link{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:8px;margin-bottom:.25rem;font-weight:500;transition:all .2s}.sidebar .sidebar-nav .nav-link .icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:6px;font-size:.75rem;font-weight:700;flex-shrink:0}.sidebar .sidebar-nav .nav-link:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.sidebar .sidebar-nav .nav-link.active{background-color:#4f7ef71a;color:var(--accent-color)}.sidebar .sidebar-nav .nav-link.active .icon{background-color:var(--accent-color);color:#fff}.sidebar .sidebar-footer{padding:1rem;border-top:1px solid var(--border-color)}.sidebar .sidebar-footer .user-profile{display:flex;align-items:center;gap:.75rem}.sidebar .sidebar-footer .user-profile .avatar{width:36px;height:36px;background-color:var(--accent-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.sidebar .sidebar-footer .user-profile .user-info{display:flex;flex-direction:column;overflow:hidden}.sidebar .sidebar-footer .user-profile .user-info .name{font-weight:600;font-size:.875rem;color:var(--text-primary)}.sidebar .sidebar-footer .user-profile .user-info .email{font-size:.75rem;color:var(--text-secondary)}.main-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%}.topbar{height:64px;background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:50;gap:12px}@media (min-width: 768px){.topbar{padding:0 2rem}}.topbar .mobile-menu-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:8px}.topbar .mobile-menu-toggle:hover{background:var(--bg-secondary)}@media (max-width: 1023px){.topbar .mobile-menu-toggle{display:flex;align-items:center;justify-content:center}}.topbar .search-bar{display:flex;align-items:center;background-color:var(--bg-secondary);border-radius:8px;padding:.5rem .75rem;width:100%;max-width:400px;border:1px solid transparent;transition:border-color .2s}.topbar .search-bar:focus-within{border-color:var(--accent-color);background-color:var(--bg-primary)}.topbar .search-bar svg{color:var(--text-secondary);margin-right:.5rem;flex-shrink:0}.topbar .search-bar input{border:none;background:none;width:100%;color:var(--text-primary);outline:none;font-size:.875rem;padding:0}.topbar .search-bar input::placeholder{color:var(--text-secondary)}@media (max-width: 640px){.topbar .search-bar{width:40px;padding:0;justify-content:center;background:none;border:none}.topbar .search-bar svg{margin:0}.topbar .search-bar input{display:none}}@media (max-width: 768px){.topbar .workspace-switcher{margin-left:0!important}.topbar .workspace-switcher .ws-select{padding:4px 8px;font-size:.8rem;max-width:120px}}.topbar .topbar-actions{display:flex;align-items:center;gap:.5rem}@media (min-width: 768px){.topbar .topbar-actions{gap:1rem}}.topbar .topbar-actions .action-btn{position:relative;background:none;border:1px solid var(--border-color);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s}@media (min-width: 768px){.topbar .topbar-actions .action-btn{width:40px;height:40px}}.topbar .topbar-actions .action-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.topbar .topbar-actions .action-btn .badge{position:absolute;top:-4px;right:-4px;background-color:var(--danger-color);color:#fff;font-size:.65rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-surface)}.content-area{flex:1;overflow-y:auto;position:relative;display:flex;flex-direction:column}.global-page-header{padding:1.5rem 2.5rem .5rem;background:var(--bg-surface);display:flex;flex-direction:column;gap:4px;z-index:10}.global-page-header .global-title{margin:0;font-size:1.875rem;font-weight:800;color:var(--text-primary);letter-spacing:-.035em;line-height:1.1}app-ai-chat .ai-layout{display:flex;height:100%;background:var(--bg-surface)}app-ai-chat .chat-sidebar{width:280px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--bg-secondary)}app-ai-chat .chat-sidebar .sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}app-ai-chat .chat-sidebar .sidebar-header h2{margin:0;font-size:1.25rem}app-ai-chat .chat-sidebar .session-list{flex:1;overflow-y:auto;padding:1rem}app-ai-chat .chat-sidebar .session-list .session-item{display:flex;align-items:center;padding:.75rem 1rem;border-radius:8px;cursor:pointer;margin-bottom:.25rem;transition:background .2s}app-ai-chat .chat-sidebar .session-list .session-item:hover{background:var(--bg-surface)}app-ai-chat .chat-sidebar .session-list .session-item.active{background:#4f7ef71a;color:var(--accent-color);font-weight:500}app-ai-chat .chat-sidebar .session-list .session-item .icon{margin-right:.75rem}app-ai-chat .chat-sidebar .session-list .session-item .title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem}app-ai-chat .chat-area{flex:1;display:flex;flex-direction:column;position:relative}app-ai-chat .chat-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}app-ai-chat .chat-header h3{margin:0;font-size:1.125rem}app-ai-chat .messages-container{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}app-ai-chat .message-wrapper{display:flex;gap:1rem;max-width:80%}app-ai-chat .message-wrapper .avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}app-ai-chat .message-wrapper .bubble{background:var(--bg-secondary);padding:1rem 1.25rem;border-radius:4px 12px 12px;color:var(--text-primary);line-height:1.5;font-size:.95rem}app-ai-chat .message-wrapper.user{align-self:flex-end;flex-direction:row-reverse}app-ai-chat .message-wrapper.user .avatar{background:var(--accent-color);color:#fff}app-ai-chat .message-wrapper.user .bubble{background:var(--accent-color);color:#fff;border-radius:12px 4px 12px 12px}app-ai-chat .chat-input-area{padding:1.5rem 2rem;background:var(--bg-surface)}app-ai-chat .chat-input-area .input-wrapper{position:relative;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary);box-shadow:0 4px 12px #0000000d}app-ai-chat .chat-input-area .input-wrapper textarea{width:100%;height:60px;border:none;background:transparent;padding:1rem 3.5rem 1rem 1rem;resize:none;font-family:inherit;font-size:.95rem;color:var(--text-primary);outline:none}app-ai-chat .chat-input-area .input-wrapper .send-btn{position:absolute;right:12px;bottom:12px;background:var(--accent-color);border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:opacity .2s}app-ai-chat .chat-input-area .input-wrapper .send-btn:disabled{opacity:.5;cursor:not-allowed}app-ai-chat .chat-input-area .input-wrapper .send-btn:not(:disabled):hover{opacity:.9}app-ai-chat .chat-input-area .disclaimer{text-align:center;font-size:.75rem;color:var(--text-secondary);margin-top:.75rem}app-ai-chat .mt-3{margin-top:1rem}app-ai-chat .btn-block{width:100%}app-ai-chat .typing-indicator{display:flex;gap:1rem}app-ai-chat .typing-indicator .avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);flex-shrink:0;display:flex;align-items:center;justify-content:center}app-ai-chat .typing-indicator .bubble{background:var(--bg-secondary);padding:1rem;border-radius:4px 12px 12px;display:flex;gap:4px;align-items:center}app-ai-chat .typing-indicator .dot{width:6px;height:6px;border-radius:50%;background:var(--text-secondary);animation:typing 1.4s infinite ease-in-out both}app-ai-chat .typing-indicator .dot:nth-child(1){animation-delay:-.32s}app-ai-chat .typing-indicator .dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}app-ai-chat-sidebar .sidebar-wrapper{width:320px;height:100vh;background:var(--bg-surface);border-left:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;right:0;top:0;box-shadow:-4px 0 24px #0000000d;z-index:100}app-ai-chat-sidebar .header{padding:1.25rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}app-ai-chat-sidebar .header h3{margin:0;font-size:1rem;background:linear-gradient(90deg,#4f7ef7,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}app-ai-chat-sidebar .header .close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0}app-ai-chat-sidebar .header .close-btn:hover{color:var(--text-primary)}app-ai-chat-sidebar .chat-history{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}app-ai-chat-sidebar .bubble{padding:1rem;border-radius:12px;font-size:.9rem;line-height:1.5;max-width:85%}app-ai-chat-sidebar .bubble.bot{background:var(--bg-secondary);color:var(--text-primary);border-top-left-radius:2px;align-self:flex-start}app-ai-chat-sidebar .bubble.user{background:var(--accent-color);color:#fff;border-top-right-radius:2px;align-self:flex-end}app-ai-chat-sidebar .input-area{padding:1rem;border-top:1px solid var(--border-color);display:flex;gap:.5rem}app-ai-chat-sidebar .input-area input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:99px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit}app-ai-chat-sidebar .input-area .send-btn{width:44px;height:44px;border-radius:50%;background:var(--accent-color);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}app-ai-chat-sidebar .input-area .send-btn:hover{transform:scale(1.05)}app-analytics-dashboard .analytics-container{padding:2.5rem;max-width:1400px;margin:0 auto}app-analytics-dashboard .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}app-analytics-dashboard .page-header h1{font-size:1.875rem;margin:0 0 .5rem;color:var(--text-primary)}app-analytics-dashboard .page-header p{color:var(--text-secondary);margin:0}app-analytics-dashboard .page-header .actions{display:flex;gap:1rem;align-items:center}app-analytics-dashboard .page-header .actions .form-control{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary)}app-analytics-dashboard .metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:1.5rem}app-analytics-dashboard .metrics-grid .metric-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm)}app-analytics-dashboard .metrics-grid .metric-card h3{font-size:.875rem;color:var(--text-secondary);margin:0 0 .5rem;font-weight:500}app-analytics-dashboard .metrics-grid .metric-card .value{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}app-analytics-dashboard .metrics-grid .metric-card .trend{font-size:.75rem;font-weight:500}app-analytics-dashboard .metrics-grid .metric-card .trend.positive{color:var(--success-color)}app-analytics-dashboard .metrics-grid .metric-card .trend.negative{color:var(--danger-color)}app-analytics-dashboard .charts-layout{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}app-analytics-dashboard .charts-layout .chart-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}app-analytics-dashboard .charts-layout .chart-card .card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}app-analytics-dashboard .charts-layout .chart-card .card-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}app-analytics-dashboard .charts-layout .chart-card .card-body{padding:1.5rem;flex:1;display:flex;align-items:center;justify-content:center}app-analytics-dashboard .mock-chart-container{width:100%;height:300px;display:flex;align-items:flex-end}app-analytics-dashboard .mock-chart-container .bar-chart-placeholder{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-top:2rem}app-analytics-dashboard .mock-chart-container .bar-chart-placeholder .bar{flex:1;background:var(--accent-color);border-radius:4px 4px 0 0;opacity:.8;transition:height 1s ease-out}app-analytics-dashboard .mock-chart-container .bar-chart-placeholder .bar:hover{opacity:1}app-analytics-dashboard .mock-pie-container{width:100%;height:300px;display:flex;align-items:center;justify-content:center}app-analytics-dashboard .mock-pie-container .pie-placeholder{width:200px;height:200px;border-radius:50%;background:conic-gradient(var(--accent-color) 0% 40%,var(--success-color) 40% 75%,var(--border-color) 75% 100%);box-shadow:inset 0 0 0 40px var(--bg-surface)}app-asset-gallery .gallery-container{padding:.5rem 2.5rem 2.5rem;max-width:1400px;margin:0 auto;height:100%;display:flex;flex-direction:column}app-asset-gallery .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}app-asset-gallery .page-header .project-toolbar-area{display:flex;align-items:center;gap:1.5rem;flex:1}app-asset-gallery .page-header .actions{display:flex;gap:1rem}app-asset-gallery .dropzone{flex:1;border:2px dashed transparent;border-radius:12px;transition:all .3s;padding:1rem}app-asset-gallery .dropzone.active{border-color:var(--accent-color);background-color:#4f7ef70d}app-asset-gallery .assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}app-asset-gallery .asset-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}app-asset-gallery .asset-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}app-asset-gallery .asset-card .thumbnail{height:160px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;position:relative}app-asset-gallery .asset-card .thumbnail img{width:100%;height:100%;object-fit:cover}app-asset-gallery .asset-card .thumbnail .media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);font-size:3rem}app-asset-gallery .asset-card .thumbnail .media-placeholder.video-placeholder{background:#4f7ef71a}app-asset-gallery .asset-card .thumbnail .media-placeholder.pdf-placeholder{background:#dc26261a}app-asset-gallery .asset-card .thumbnail .media-placeholder.other-placeholder{background:#6b72801a}app-asset-gallery .asset-card .thumbnail .media-placeholder .media-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}app-asset-gallery .asset-card .thumbnail .processing{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary);background:var(--bg-surface);width:100%;height:100%;justify-content:center}app-asset-gallery .asset-card .meta{padding:1rem}app-asset-gallery .asset-card .meta .name{font-weight:600;color:var(--text-primary);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}app-asset-gallery .asset-card .meta .details{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase}app-asset-gallery .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;border:1px dashed var(--border-color);border-radius:12px;background:var(--bg-surface)}app-asset-gallery .empty-state .upload-icon{font-size:4rem;margin-bottom:1rem}app-asset-gallery .empty-state h3{margin:0 0 .5rem;color:var(--text-primary)}app-asset-gallery .empty-state p{margin:0;color:var(--text-secondary)}app-asset-gallery .spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}app-folder-browser .browser-wrapper{padding:1.5rem}app-folder-browser .path-bar{display:flex;gap:.5rem;align-items:center;margin-bottom:1.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}app-folder-browser .path-bar span.active{color:var(--text-primary);font-weight:600}app-folder-browser .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 640px){app-folder-browser .grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem}}app-folder-browser .folder-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:1rem;text-align:center;cursor:pointer;transition:transform .2s}app-folder-browser .folder-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}app-folder-browser .folder-item .icon{font-size:2rem;margin-bottom:.5rem}app-folder-browser .folder-item .name{font-size:.875rem;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-folder-browser .file-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s}app-folder-browser .file-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}app-folder-browser .file-item .preview{height:100px;background:var(--bg-secondary)}app-folder-browser .file-item .name{padding:.75rem;font-size:.8rem;color:var(--text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid var(--border-color)}app-upload-zone .drop-zone{border:2px dashed var(--accent-color);border-radius:12px;padding:4rem 2rem;display:flex;align-items:center;justify-content:center;text-align:center;background:#4f7ef705;cursor:pointer;transition:background .2s}app-upload-zone .drop-zone:hover{background:#4f7ef70d}app-upload-zone .content .icon{font-size:3.5rem;margin-bottom:1rem}app-upload-zone .content h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem}app-upload-zone .content p{margin:0;color:var(--text-secondary);font-size:.875rem}app-upload-zone .mt-3{margin-top:1.5rem}app-login .auth-container,app-register .auth-container,app-forgot-password .auth-container,app-reset-password-confirm .auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:var(--bg-secondary)}app-login .auth-card,app-register .auth-card,app-forgot-password .auth-card,app-reset-password-confirm .auth-card{width:100%;max-width:440px;background:var(--bg-surface);border-radius:16px;padding:2.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}app-login .auth-card .auth-header,app-register .auth-card .auth-header,app-forgot-password .auth-card .auth-header,app-reset-password-confirm .auth-card .auth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}app-login .auth-card .auth-header .brand,app-register .auth-card .auth-header .brand,app-forgot-password .auth-card .auth-header .brand,app-reset-password-confirm .auth-card .auth-header .brand{display:flex;align-items:center;gap:.5rem}app-login .auth-card .auth-header .brand h2,app-register .auth-card .auth-header .brand h2,app-forgot-password .auth-card .auth-header .brand h2,app-reset-password-confirm .auth-card .auth-header .brand h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}app-login .auth-card .auth-header .theme-toggle,app-register .auth-card .auth-header .theme-toggle,app-forgot-password .auth-card .auth-header .theme-toggle,app-reset-password-confirm .auth-card .auth-header .theme-toggle{background:none;border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:background .2s}app-login .auth-card .auth-header .theme-toggle:hover,app-register .auth-card .auth-header .theme-toggle:hover,app-forgot-password .auth-card .auth-header .theme-toggle:hover,app-reset-password-confirm .auth-card .auth-header .theme-toggle:hover{background:var(--bg-secondary)}app-login .auth-card h1,app-register .auth-card h1,app-forgot-password .auth-card h1,app-reset-password-confirm .auth-card h1{font-size:1.875rem;font-weight:600;margin:0 0 .5rem}app-login .auth-card .subtitle,app-register .auth-card .subtitle,app-forgot-password .auth-card .subtitle,app-reset-password-confirm .auth-card .subtitle{color:var(--text-secondary);margin-bottom:2rem}app-login .form-group,app-register .form-group,app-forgot-password .form-group,app-reset-password-confirm .form-group{margin-bottom:1.25rem}app-login .form-group label,app-register .form-group label,app-forgot-password .form-group label,app-reset-password-confirm .form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500}app-login .form-group input,app-register .form-group input,app-forgot-password .form-group input,app-reset-password-confirm .form-group input{width:100%;padding:.75rem 1rem}app-login .form-actions,app-register .form-actions,app-forgot-password .form-actions,app-reset-password-confirm .form-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.875rem}app-login .form-actions .remember,app-register .form-actions .remember,app-forgot-password .form-actions .remember,app-reset-password-confirm .form-actions .remember{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}app-login .form-actions .forgot-link,app-register .form-actions .forgot-link,app-forgot-password .form-actions .forgot-link,app-reset-password-confirm .form-actions .forgot-link{color:var(--accent-color);text-decoration:none;font-weight:500}app-login .form-actions .forgot-link:hover,app-register .form-actions .forgot-link:hover,app-forgot-password .form-actions .forgot-link:hover,app-reset-password-confirm .form-actions .forgot-link:hover{text-decoration:underline}app-login .full-width,app-register .full-width,app-forgot-password .full-width,app-reset-password-confirm .full-width{width:100%;padding:.75rem;font-size:1rem;margin-bottom:1rem;border-radius:8px}app-login .sso-btn,app-register .sso-btn,app-forgot-password .sso-btn,app-reset-password-confirm .sso-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;background-color:var(--bg-surface)!important;color:var(--text-primary)!important}app-login .sso-btn:hover,app-register .sso-btn:hover,app-forgot-password .sso-btn:hover,app-reset-password-confirm .sso-btn:hover{background-color:var(--bg-secondary)!important}app-login .footer-text,app-register .footer-text,app-forgot-password .footer-text,app-reset-password-confirm .footer-text{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.875rem}app-login .footer-text a,app-register .footer-text a,app-forgot-password .footer-text a,app-reset-password-confirm .footer-text a{color:var(--accent-color);text-decoration:none;font-weight:600}app-login .footer-text a:hover,app-register .footer-text a:hover,app-forgot-password .footer-text a:hover,app-reset-password-confirm .footer-text a:hover{text-decoration:underline}app-login .spinner,app-register .spinner,app-forgot-password .spinner,app-reset-password-confirm .spinner{display:inline-block;width:1.2rem;height:1.2rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}app-billing-dashboard .billing-container{padding:2.5rem;max-width:1000px;margin:0 auto}app-billing-dashboard .page-header{margin-bottom:2.5rem}app-billing-dashboard .page-header h1{font-size:1.875rem;margin:0 0 .5rem;color:var(--text-primary)}app-billing-dashboard .page-header p{margin:0;color:var(--text-secondary)}app-billing-dashboard .current-plan-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:3rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}app-billing-dashboard .current-plan-card.active-sub{border-left:4px solid var(--success-color)}app-billing-dashboard .current-plan-card.no-sub{border-left:4px solid var(--text-secondary)}app-billing-dashboard .current-plan-card .info h3{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}app-billing-dashboard .current-plan-card .info .plan-name{font-size:2rem;margin:0 0 .5rem;color:var(--text-primary)}app-billing-dashboard .current-plan-card .info p{margin:0;color:var(--text-secondary)}app-billing-dashboard .current-plan-card .ghost-btn.danger{background:transparent;border:none;color:#ef4444;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:6px}app-billing-dashboard .current-plan-card .ghost-btn.danger:hover{background:#ef44441a}app-billing-dashboard .pricing-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){app-billing-dashboard .pricing-grid{grid-template-columns:repeat(3,1fr)}}app-billing-dashboard .plan-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}app-billing-dashboard .plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}app-billing-dashboard .plan-card.current{border-color:var(--accent-color);box-shadow:0 0 0 2px #4f7ef733;position:relative}app-billing-dashboard .plan-card.current:before{content:"Active";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent-color);color:#fff;font-size:.7rem;font-weight:700;padding:.25rem .75rem;border-radius:99px;text-transform:uppercase}app-billing-dashboard .plan-card .card-header{padding:2rem 1.5rem;text-align:center;border-bottom:1px solid var(--border-color)}app-billing-dashboard .plan-card .card-header h3{margin:0 0 1rem;font-size:1.25rem}app-billing-dashboard .plan-card .card-header .price{display:flex;justify-content:center;align-items:flex-start}app-billing-dashboard .plan-card .card-header .price .currency{font-size:1.25rem;font-weight:600;margin-top:.25rem}app-billing-dashboard .plan-card .card-header .price .amount{font-size:3rem;font-weight:800;line-height:1;color:var(--text-primary)}app-billing-dashboard .plan-card .card-header .price .period{margin-top:auto;color:var(--text-secondary);font-weight:500}app-billing-dashboard .plan-card .card-body{padding:1.5rem;flex:1}app-billing-dashboard .plan-card .card-body .features-list{list-style:none;padding:0;margin:0}app-billing-dashboard .plan-card .card-body .features-list li{display:flex;gap:.75rem;margin-bottom:1rem;color:var(--text-secondary);font-size:.95rem}app-billing-dashboard .plan-card .card-body .features-list li .icon{color:var(--success-color);font-weight:700}app-billing-dashboard .plan-card .card-footer{padding:1.5rem;border-top:1px solid var(--border-color)}app-billing-dashboard .plan-card .card-footer .btn-block{width:100%;padding:.875rem;font-weight:600;font-size:1rem}app-figma-embed .embed-wrapper{display:flex;flex-direction:column;height:100%;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;background:var(--bg-surface)}app-figma-embed .embed-header{padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}app-figma-embed .embed-header .brand{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}app-figma-embed .iframe-container{flex:1;position:relative;background:var(--bg-primary)}app-figma-embed .stub-iframe{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);gap:1rem}app-figma-embed .spinner{width:40px;height:40px;border:3px solid rgba(79,126,247,.2);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}app-member-list .members-container{padding:2.5rem;max-width:1000px;margin:0 auto}app-member-list .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}app-member-list .page-header h1{font-size:1.875rem;margin:0 0 .5rem}app-member-list .page-header p{color:var(--text-secondary);margin:0}app-member-list .card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:2rem;overflow:hidden}app-member-list .card .card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}app-member-list .card .card-header h3{margin:0;font-size:1.125rem}app-member-list .card .card-header .close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}app-member-list .card .card-body{padding:1.5rem}app-member-list .form-inline{display:flex;align-items:center;gap:1rem}app-member-list .form-inline .flex-1{flex:1}app-member-list .form-inline .form-group{margin:0}app-member-list .form-inline input,app-member-list .form-inline select{width:100%}app-member-list .data-table{width:100%;border-collapse:collapse}app-member-list .data-table th,app-member-list .data-table td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid var(--border-color)}app-member-list .data-table th{background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;font-weight:600;letter-spacing:.05em}app-member-list .data-table tr:last-child td{border-bottom:none}app-member-list .data-table .user-cell{display:flex;align-items:center;gap:1rem}app-member-list .data-table .user-cell .avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}app-member-list .data-table .user-cell .info{display:flex;flex-direction:column}app-member-list .data-table .user-cell .info .name{font-weight:500;color:var(--text-primary)}app-member-list .data-table .user-cell .info .email{font-size:.875rem;color:var(--text-secondary)}app-member-list .data-table .role-badge{padding:.25rem .5rem;border-radius:99px;font-size:.75rem;font-weight:600;text-transform:uppercase}app-member-list .data-table .role-badge.owner{background:#fee2e2;color:#b91c1c}app-member-list .data-table .role-badge.admin{background:#d1fae5;color:#047857}app-member-list .data-table .role-badge.member{background:var(--bg-secondary);color:var(--text-secondary)}app-member-list .data-table .role-badge.guest{background:#fef3c7;color:#b45309}app-member-list .data-table .empty-cell{text-align:center;color:var(--text-secondary);padding:3rem}app-member-list .btn-sm{padding:.35rem .75rem;font-size:.875rem}app-member-management .member-mgr{padding:2.5rem;max-width:1200px;margin:0 auto}app-member-management .member-mgr .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}app-member-management .member-mgr .header h2{margin:0;color:var(--text-primary)}app-member-management .table-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}app-member-management .table{width:100%;border-collapse:collapse}app-member-management .table th,app-member-management .table td{padding:1.25rem 1.5rem;text-align:left;border-bottom:1px solid var(--border-color)}app-member-management .table th{background:var(--bg-secondary);color:var(--text-secondary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}app-member-management .table td{color:var(--text-primary);vertical-align:middle}app-member-management .user{display:flex;align-items:center;gap:1rem}app-member-management .user .avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}app-member-management .user .info{display:flex;flex-direction:column}app-member-management .user .info strong{font-size:.95rem}app-member-management .user .info span{font-size:.8rem;color:var(--text-secondary)}app-member-management .badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}app-member-management .badge.admin{background:#d1fae5;color:#047857}app-member-management .ghost-btn{background:none;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:6px;transition:background .2s}app-member-management .ghost-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}app-notification-center .notifications-container{padding:2.5rem;max-width:800px;margin:0 auto}app-notification-center .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}app-notification-center .page-header h1{font-size:1.875rem;margin:0 0 .5rem;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}app-notification-center .page-header h1 .badge{font-size:.75rem;background:#ef4444;color:#fff;padding:.25rem .5rem;border-radius:99px;font-weight:700}app-notification-center .page-header p{margin:0;color:var(--text-secondary)}app-notification-center .feed-list{display:flex;flex-direction:column;gap:.75rem}app-notification-center .notification-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;cursor:pointer;transition:background .2s;position:relative}app-notification-center .notification-card:hover{background:var(--bg-secondary)}app-notification-center .notification-card.unread{background:#4f7ef70d;border-color:#4f7ef74d}app-notification-center .notification-card .icon-indicator{width:40px;height:40px;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}app-notification-center .notification-card .content{flex:1}app-notification-center .notification-card .content h4{margin:0 0 .25rem;font-size:1rem;color:var(--text-primary)}app-notification-center .notification-card .content p{margin:0 0 .5rem;color:var(--text-secondary);font-size:.9rem;line-height:1.4}app-notification-center .notification-card .content .time{font-size:.75rem;color:var(--text-secondary);font-weight:500}app-notification-center .notification-card .unread-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-color);position:absolute;right:1.5rem;top:1.5rem}app-notification-center .ghost-btn{background:none;border:none;font-weight:500;font-size:.9rem;color:var(--text-secondary);cursor:pointer;padding:.5rem 1rem;border-radius:6px;transition:background .2s}app-notification-center .ghost-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}app-notification-center .ghost-btn:disabled{opacity:.5;cursor:not-allowed}app-notification-center .empty-state{text-align:center;padding:4rem 2rem;border:1px dashed var(--border-color);border-radius:12px}app-notification-center .empty-state .icon{font-size:3rem;margin-bottom:1rem}app-notification-center .empty-state h3{margin:0 0 .5rem}app-notification-center .empty-state p{margin:0;color:var(--text-secondary)}app-org-setup .org-container{padding:2.5rem;max-width:900px;margin:0 auto}app-org-setup .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}app-org-setup .page-header h1{font-size:1.875rem;margin:0 0 .5rem;color:var(--text-primary)}app-org-setup .page-header p{color:var(--text-secondary);margin:0}app-org-setup .card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:1.5rem}app-org-setup .form-card .card-header{padding:1.25rem;border-bottom:1px solid var(--border-color)}app-org-setup .form-card .card-header h3{margin:0}app-org-setup .form-card .card-body{padding:1.5rem}app-org-setup .form-card .form-group{margin-bottom:1.5rem}app-org-setup .form-card .form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem}app-org-setup .form-card .form-group .form-control{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary)}app-org-setup .form-card .form-actions{display:flex;justify-content:flex-end}app-org-setup .grid-list{display:flex;flex-direction:column;gap:1rem}app-org-setup .org-card{margin-bottom:0}app-org-setup .org-card .card-body{padding:1.5rem;display:flex;align-items:center;gap:1.5rem}app-org-setup .org-card .card-body .org-icon{width:48px;height:48px;border-radius:8px;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}app-org-setup .org-card .card-body .org-info{flex:1}app-org-setup .org-card .card-body .org-info h3{margin:0 0 .25rem}app-org-setup .org-card .card-body .org-info p{margin:0;color:var(--text-secondary);font-size:.875rem}app-org-setup .org-card .card-body .org-actions{display:flex;gap:.5rem}app-org-setup .empty-state{text-align:center;padding:4rem 2rem;border:1px dashed var(--border-color);border-radius:12px;background:var(--bg-surface)}app-org-setup .empty-state .icon{font-size:3rem;margin-bottom:1rem}app-org-setup .empty-state h3{margin:0 0 .5rem}app-org-setup .empty-state p{color:var(--text-secondary);margin:0}app-org-setup .mt-3{margin-top:1rem}app-org-setup .btn-sm{padding:.35rem .75rem;font-size:.875rem}app-org-setup .btn-danger{background:#dc26261a;color:#dc2626;border:none;cursor:pointer;border-radius:6px}app-org-setup .btn-danger:hover{background:#dc2626;color:#fff}app-organisation-create .org-create-wrapper{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:2rem}app-organisation-create .form-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:480px;padding:2.5rem;box-shadow:var(--shadow-md)}app-organisation-create .form-card h2{margin:0 0 .5rem;color:var(--text-primary)}app-organisation-create .form-card p{margin:0;color:var(--text-secondary);font-size:.875rem}app-organisation-create .mt-4{margin-top:2rem}app-organisation-create .mb{margin-bottom:1.5rem}app-organisation-create .form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}app-organisation-create .form-group .input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit}app-organisation-create .input-group{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;background:var(--bg-primary)}app-organisation-create .input-group .prefix{padding:.75rem;background:var(--bg-secondary);color:var(--text-secondary);border-right:1px solid var(--border-color);font-size:.875rem;font-weight:500}app-organisation-create .input-group .input{border:none;border-radius:0}app-organisation-create .flex-1{flex:1}app-organisation-create .btn-block{width:100%;padding:.875rem;font-size:1rem;font-weight:600;margin-top:1rem}app-organisation-list .org-list{padding:2.5rem;max-width:900px;margin:0 auto}app-organisation-list .org-list .header{margin-bottom:2rem}app-organisation-list .org-list .header h2{margin:0;color:var(--text-primary)}app-organisation-list .grid{display:flex;flex-direction:column;gap:1rem}app-organisation-list .org-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:transform .2s,box-shadow .2s}app-organisation-list .org-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}app-organisation-list .org-card.active{border-left:4px solid var(--accent-color)}app-organisation-list .org-card .icon{width:48px;height:48px;border-radius:8px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--text-primary)}app-organisation-list .org-card .info{flex:1}app-organisation-list .org-card .info h3{margin:0 0 .25rem;font-size:1.125rem;color:var(--text-primary)}app-organisation-list .org-card .info p{margin:0;font-size:.875rem;color:var(--text-secondary)}app-project-board .p-board{padding:2.5rem;max-width:1400px;margin:0 auto}app-project-board .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}app-project-board .header h1{margin:0;color:var(--text-primary);font-size:1.875rem}app-project-board .metrics{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 768px){app-project-board .metrics{grid-template-columns:repeat(3,1fr);gap:1.5rem}}app-project-board .metric-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}app-project-board .metric-card .label{color:var(--text-secondary);font-size:.875rem;font-weight:500;text-transform:uppercase}app-project-board .metric-card .value{color:var(--text-primary);font-size:2.5rem;font-weight:800}app-project-create .create-wrapper{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:2rem}app-project-create .card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:500px;box-shadow:var(--shadow-md)}app-project-create .header{padding:1.5rem;border-bottom:1px solid var(--border-color)}app-project-create .header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}app-project-create .body{padding:1.5rem}app-project-create .mb{margin-bottom:1.5rem}app-project-create .form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}app-project-create .form-group .input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit}app-project-create .footer{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}app-project-create .mr{margin-right:1rem}app-project-list .projects-container{padding:2.5rem;max-width:1400px;margin:0 auto}app-project-list .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}app-project-list .page-header h1{font-size:1.875rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}app-project-list .page-header p{color:var(--text-secondary);margin:0}app-project-list .card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:2rem}app-project-list .card .card-header{padding:1.25rem;border-bottom:1px solid var(--border-color)}app-project-list .card .card-header h3{margin:0}app-project-list .card .card-body{padding:1.5rem}app-project-list .form-row{display:flex;gap:1rem;align-items:flex-end;margin-bottom:1.5rem}app-project-list .form-group{flex:1}app-project-list .form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem}app-project-list .form-group .form-control{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary)}app-project-list .form-group .color-picker{width:44px;height:44px;padding:0;border:none;border-radius:6px;cursor:pointer}app-project-list .flex-2{flex:2}app-project-list .mb-4{margin-bottom:1.5rem}app-project-list .text-right{text-align:right}app-project-list .projects-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){app-project-list .projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}app-project-list .project-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}app-project-list .project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}app-project-list .project-card:hover .card-actions{opacity:1}app-project-list .project-card .card-cover{height:80px;width:100%;position:relative}app-project-list .project-card .card-cover .card-actions{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#0006;opacity:0;transition:opacity .2s}app-project-list .project-card .card-cover .card-actions .icon-btn{background:#fff;border:none;border-radius:4px;padding:.5rem;cursor:pointer}app-project-list .project-card .card-cover .card-actions .icon-btn.danger{color:#dc2626}app-project-list .project-card .card-cover .card-actions .icon-btn:hover{transform:scale(1.05)}app-project-list .project-card .card-body{padding:1.5rem}app-project-list .project-card .card-body .status-badge{display:inline-block;padding:4px 10px;border-radius:99px;font-size:.65rem;font-weight:700;text-transform:uppercase;background:var(--status-neutral-bg);color:var(--status-neutral-text)}app-project-list .project-card .card-body .status-badge.active,app-project-list .project-card .card-body .status-badge.done{background:var(--status-success-bg);color:var(--status-success-text)}app-project-list .project-card .card-body .status-badge.on-hold,app-project-list .project-card .card-body .status-badge.warning{background:var(--status-warning-bg);color:var(--status-warning-text)}app-project-list .project-card .card-body .status-badge.at-risk,app-project-list .project-card .card-body .status-badge.danger{background:var(--status-danger-bg);color:var(--status-danger-text)}app-project-list .project-card .card-body .status-badge.in-progress,app-project-list .project-card .card-body .status-badge.info{background:var(--status-info-bg);color:var(--status-info-text)}app-project-list .project-card .card-body h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}app-project-list .project-card .card-body p{color:var(--text-secondary);font-size:.875rem;margin:0 0 1.5rem;line-height:1.4}app-project-list .project-card .card-body .card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}app-project-list .project-card .card-body .card-footer .date{font-size:.75rem;color:var(--text-secondary)}app-project-list .project-card .card-body .card-footer .avatars{display:flex}app-project-list .project-card .card-body .card-footer .avatars .avatar-stub{width:24px;height:24px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--bg-surface);margin-left:-8px}app-project-list .project-card .card-body .card-footer .avatars .avatar-stub:first-child{margin-left:0}app-project-list .empty-state{grid-column:1/-1;text-align:center;padding:4rem 2rem;background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:12px}app-project-list .empty-state .icon{font-size:3rem;margin-bottom:1rem}app-project-list .empty-state h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-primary)}app-project-list .empty-state p{color:var(--text-secondary);margin:0}app-project-list .mt-3{margin-top:1.5rem}app-scheduling-dashboard .sched-wrapper{padding:2.5rem;max-width:800px;margin:0 auto}app-scheduling-dashboard .sched-wrapper h2{margin-bottom:2rem;color:var(--text-primary)}app-scheduling-dashboard .timeline{display:flex;flex-direction:column;gap:2rem}app-scheduling-dashboard .day-group h4{font-size:.875rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin:0 0 1rem}app-scheduling-dashboard .sched-item{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;margin-bottom:.75rem}app-scheduling-dashboard .sched-item .time{font-size:.875rem;font-weight:600;color:var(--text-secondary);min-width:80px}app-scheduling-dashboard .sched-item .content{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--text-primary)}app-scheduling-dashboard .sched-item .content .badge{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;color:#fff}app-scheduling-dashboard .sched-item .content .badge.twitter{background:#000}app-scheduling-dashboard .sched-item .content .badge.linkedin{background:#0a66c2}app-social-calendar .calendar-container{padding:2.5rem;max-width:1000px;margin:0 auto}app-social-calendar .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}app-social-calendar .page-header h1{font-size:1.875rem;margin:0 0 .5rem;color:var(--text-primary)}app-social-calendar .page-header p{margin:0;color:var(--text-secondary)}app-social-calendar .card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:2rem}app-social-calendar .card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}app-social-calendar .card-header h3{margin:0;font-size:1.125rem;font-weight:600}app-social-calendar .card-body{padding:1.5rem}app-social-calendar .form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem}app-social-calendar .form-group .form-control{width:100%;border:1px solid var(--border-color);border-radius:6px;padding:.75rem;background:var(--bg-primary);color:var(--text-primary);font-family:inherit}app-social-calendar .mb-3{margin-bottom:1rem}app-social-calendar .mb-4{margin-bottom:1.5rem}app-social-calendar .form-row{display:flex;gap:1rem}app-social-calendar .flex-1{flex:1}app-social-calendar .text-right{text-align:right}app-social-calendar .platform-toggles{display:flex;gap:.75rem}app-social-calendar .platform-toggles .platform-btn{background:var(--bg-secondary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:99px;cursor:pointer;display:flex;align-items:center;gap:.5rem;color:var(--text-primary);transition:all .2s;font-weight:500}app-social-calendar .platform-toggles .platform-btn:hover{background:var(--bg-surface);transform:translateY(-1px)}app-social-calendar .platform-toggles .platform-btn.active{background:#4f7ef71a;border-color:var(--accent-color);color:var(--accent-color)}app-social-calendar .media-upload-area{padding:.75rem;border:1px dashed var(--border-color);border-radius:6px;text-align:center;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:background .2s}app-social-calendar .media-upload-area:hover{background:var(--bg-surface);color:var(--accent-color)}app-social-calendar .calendar-grid{display:flex;flex-direction:column;gap:1rem}app-social-calendar .post-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px}app-social-calendar .post-card .card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:none;padding-bottom:0}app-social-calendar .post-card .card-header .platforms{display:flex;gap:.5rem}app-social-calendar .post-card .card-header .platforms .p-icon{font-size:1.25rem}app-social-calendar .post-card .card-header .badge{font-size:.65rem;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;font-weight:700}app-social-calendar .post-card .card-header .badge.draft{background:var(--bg-secondary);color:var(--text-secondary)}app-social-calendar .post-card .card-header .badge.scheduled{background:#fef08a;color:#a16207}app-social-calendar .post-card .card-header .badge.published{background:#d1fae5;color:#047857}app-social-calendar .post-card .card-body{padding:1rem 1.5rem}app-social-calendar .post-card .card-body .content{margin:0;font-size:.95rem;line-height:1.5;color:var(--text-primary)}app-social-calendar .post-card .card-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}app-social-calendar .post-card .card-footer .time{font-size:.875rem;color:var(--text-secondary);font-weight:500}app-social-calendar .ghost-btn{background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;padding:.25rem .5rem;border-radius:4px;transition:background .2s}app-social-calendar .ghost-btn.danger{color:#ef4444}app-social-calendar .ghost-btn.danger:hover{background:#ef44441a}app-social-calendar .empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:12px}app-social-calendar .empty-state .icon{font-size:3rem;margin-bottom:1rem}app-social-calendar .empty-state h3{margin:0 0 .5rem}app-social-calendar .empty-state p{margin:0;color:var(--text-secondary)}app-social-calendar .mt-3{margin-top:1.5rem}app-comment-panel .panel-wrapper{width:320px;height:100%;background:var(--bg-surface);border-left:1px solid var(--border-color);display:flex;flex-direction:column}app-comment-panel .header{padding:1.25rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}app-comment-panel .header h3{margin:0;font-size:1rem;color:var(--text-primary)}app-comment-panel .header .badge{background:#fef08a;color:#a16207;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;font-weight:700}app-comment-panel .comments-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}app-comment-panel .comment-thread{display:flex;gap:.75rem}app-comment-panel .comment-thread .avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}app-comment-panel .comment-thread .content{flex:1}app-comment-panel .comment-thread .content .meta{display:flex;justify-content:space-between;margin-bottom:.25rem}app-comment-panel .comment-thread .content .meta .name{font-weight:600;font-size:.875rem;color:var(--text-primary)}app-comment-panel .comment-thread .content .meta .time{font-size:.75rem;color:var(--text-secondary)}app-comment-panel .comment-thread .content p{margin:0 0 .5rem;font-size:.875rem;color:var(--text-secondary);line-height:1.4}app-comment-panel .comment-thread .content .actions{display:flex;gap:.75rem}app-comment-panel .comment-thread .content .actions button{background:none;border:none;font-size:.75rem;color:var(--text-secondary);cursor:pointer;padding:0}app-comment-panel .comment-thread .content .actions button:hover{color:var(--accent-color);text-decoration:underline}app-comment-panel .composer{padding:1rem;border-top:1px solid var(--border-color);background:var(--bg-primary);display:flex;flex-direction:column;gap:.5rem}app-comment-panel .composer textarea{width:100%;border:1px solid var(--border-color);border-radius:6px;padding:.75rem;background:var(--bg-surface);color:var(--text-primary);font-family:inherit;resize:vertical;min-height:80px}app-comment-panel .composer .send-btn{align-self:flex-end;background:var(--accent-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500}app-comment-panel .composer .send-btn:hover{opacity:.9}app-external-reviewer .external-wrapper{height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}app-external-reviewer .client-header{padding:1rem 2rem;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}app-external-reviewer .client-header .brand{font-weight:800;font-size:1.25rem;color:var(--text-primary)}app-external-reviewer .client-header .badge{font-size:.75rem;padding:.25rem .6rem;border-radius:99px;background:var(--status-warning-bg);color:var(--status-warning-text);text-transform:uppercase;font-weight:700}app-external-reviewer .split{flex:1;display:flex}app-external-reviewer .canvas-area{flex:1;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}app-external-reviewer .canvas-area .frame{border:2px dashed var(--border-color);padding:4rem;color:var(--text-secondary);border-radius:12px}app-external-reviewer .sidebar{width:350px;background:var(--bg-surface);border-left:1px solid var(--border-color);padding:2rem}app-external-reviewer .sidebar h3{margin:0 0 .5rem;color:var(--text-primary)}app-external-reviewer .sidebar p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:2rem}app-external-reviewer .decisions{display:flex;flex-direction:column;gap:1rem}app-external-reviewer .decisions .btn{padding:1rem;font-size:1rem;font-weight:600;width:100%;border-radius:8px}app-external-reviewer .decisions .approve{background:var(--status-success-text);color:#fff;border:none}app-external-reviewer .decisions .reject{background:transparent;border:1px solid var(--status-danger-text);color:var(--status-danger-text)}app-external-reviewer .decisions .reject:hover{background:var(--status-danger-bg)}app-pdf-viewer .pdf-wrapper{height:100%;display:flex;flex-direction:column;background:var(--bg-secondary)}app-pdf-viewer .toolbar{padding:.75rem 1.5rem;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;color:var(--text-primary);font-size:.875rem}app-pdf-viewer .pages input{width:40px;text-align:center;padding:.2rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary)}app-pdf-viewer .zoom{display:flex;align-items:center;gap:.5rem}app-pdf-viewer .zoom button{background:var(--bg-primary);border:1px solid var(--border-color);width:24px;height:24px;border-radius:4px;cursor:pointer;color:var(--text-primary)}app-pdf-viewer .zoom button:hover{background:var(--bg-secondary)}app-pdf-viewer .zoom span{min-width:40px;text-align:center}app-pdf-viewer .viewer-body{flex:1;overflow:auto;padding:2rem;display:flex;justify-content:center}app-pdf-viewer .pdf-page-stub{width:800px;height:1131px;background:#fff;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:1.5rem;font-weight:700;border-radius:2px}app-review-canvas .canvas-wrapper{display:flex;flex-direction:column;height:100%;width:100%!important;background-color:var(--bg-secondary)}app-review-canvas .toolbar{height:60px;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}app-review-canvas .toolbar .breadcrumbs{font-weight:500;color:var(--text-secondary)}app-review-canvas .toolbar .actions{display:flex;gap:.75rem}app-review-canvas .main-area{display:flex;flex:1;overflow:hidden}app-review-canvas .canvas-container{flex:1;position:relative;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:2rem;cursor:crosshair}app-review-canvas .canvas-container .pdf-annotation-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}app-review-canvas .canvas-container .pdf-annotation-layer .pinpoint-container,app-review-canvas .canvas-container .pdf-annotation-layer .pdf-region-box{pointer-events:auto}app-review-canvas .canvas-container .pdf-annotation-layer .pdf-region-box{position:absolute;border:2px solid var(--accent-color);background:#4f7ef71a;border-radius:4px}app-review-canvas .canvas-container .pdf-annotation-layer .pdf-region-box.drawing{border-style:dashed}app-review-canvas .canvas-container .pdf-annotation-layer .pdf-region-box.active-draft{border-color:#fff;background:#fff3}app-review-canvas .canvas-container .pdf-annotation-layer .pdf-region-box .region-number{position:absolute;top:-20px;left:0;background:var(--accent-color);color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px}app-review-canvas .canvas-container .proofing-asset{max-width:100%;box-shadow:var(--shadow-md);border-radius:8px;background:#fff}app-review-canvas .canvas-container .comment-marker{position:absolute;width:24px;height:24px;background:var(--accent-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff,var(--shadow-md);cursor:pointer;transition:transform .2s}app-review-canvas .canvas-container .comment-marker:hover{transform:translate(-50%,-50%) scale(1.2)}app-review-canvas .canvas-container .comment-marker.resolved{background:var(--success-color);opacity:.7}app-review-canvas .comment-popover{position:absolute;width:280px;background:var(--bg-surface);border-radius:8px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:1rem;z-index:10;transform:translate(-50%)}app-review-canvas .comment-popover textarea{width:100%;resize:none;margin-bottom:.75rem;font-size:.875rem}app-review-canvas .comment-popover .popover-actions{display:flex;justify-content:flex-end;gap:.5rem}app-review-canvas .comment-popover .popover-actions .btn-sm{padding:.25rem .75rem;font-size:.75rem}app-review-canvas .sidebar{width:320px;background:var(--bg-surface);border-left:1px solid var(--border-color);display:flex;flex-direction:column}app-review-canvas .sidebar h3{padding:1.25rem;margin:0;font-size:1rem;border-bottom:1px solid var(--border-color)}app-review-canvas .sidebar .comment-list{flex:1;overflow-y:auto;padding:1rem}app-review-canvas .sidebar .comment-list .comment-item{background:var(--bg-secondary);border-radius:8px;padding:1rem;margin-bottom:.75rem}app-review-canvas .sidebar .comment-list .comment-item .meta{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.75rem}app-review-canvas .sidebar .comment-list .comment-item .meta .author{font-weight:600;color:var(--text-primary)}app-review-canvas .sidebar .comment-list .comment-item .meta .time{color:var(--text-secondary)}app-review-canvas .sidebar .comment-list .comment-item p{margin:0;font-size:.875rem;line-height:1.4}app-review-canvas .sidebar .comment-list .empty-state{text-align:center;padding:2rem 0;color:var(--text-secondary);font-size:.875rem}app-version-compare .compare-wrapper{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}app-version-compare .header{padding:1rem 1.5rem;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}app-version-compare .header h2{margin:0;font-size:1.125rem;color:var(--text-primary)}app-version-compare .selector{display:flex;align-items:center;gap:1rem}app-version-compare .selector select{padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary)}app-version-compare .selector span{color:var(--text-secondary);font-weight:700}app-version-compare .split-view{flex:1;display:flex;position:relative}app-version-compare .pane{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}app-version-compare .divider{width:12px;background:var(--border-color);display:flex;align-items:center;justify-content:center;color:#fff;cursor:ew-resize;font-size:.6rem}app-version-compare .placeholder{color:var(--text-secondary);font-weight:500;border:2px dashed var(--border-color);padding:2rem;border-radius:8px}app-video-player .video-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;border-radius:8px}app-video-player .video-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column}app-video-player .player{width:100%;height:100%;object-fit:contain}app-video-player .overlay-controls{position:absolute;bottom:0;left:0;right:0;background:#000000b3;display:flex;align-items:center;padding:.5rem;gap:1rem;opacity:0;transition:opacity .3s}app-video-player .video-container:hover .overlay-controls{opacity:1}app-video-player .control-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem 1rem;font-weight:500}app-video-player .control-btn:hover{color:var(--accent-color)}app-video-player .timeline{flex:1;height:4px;background:#ffffff4d;border-radius:2px;position:relative;cursor:pointer}app-video-player .border-left{border-left:1px solid rgba(255,255,255,.2)}app-audit-logs .audit-wrapper{padding:2.5rem;max-width:1200px;margin:0 auto;background:var(--bg-surface);border-radius:12px;border:1px solid var(--border-color);margin-top:2rem}app-audit-logs .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}app-audit-logs .header h2{margin:0;color:var(--text-primary)}app-audit-logs .header .search{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);width:300px}app-audit-logs .table{width:100%;border-collapse:collapse}app-audit-logs .table th,app-audit-logs .table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}app-audit-logs .table th{background:var(--bg-secondary);color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;font-weight:600}app-audit-logs .table td{color:var(--text-primary);font-size:.875rem}app-settings-layout .settings-wrapper{display:flex;min-height:100vh;background-color:var(--bg-secondary)}@media (max-width: 768px){app-settings-layout .settings-wrapper{flex-direction:column}}app-settings-layout .sidebar{width:260px;background:var(--bg-surface);border-right:1px solid var(--border-color);display:flex!important;flex-direction:column}@media (max-width: 768px){app-settings-layout .sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}app-settings-layout .sidebar .brand{display:none}}app-settings-layout .sidebar .brand{padding:1.5rem;border-bottom:1px solid var(--border-color)}app-settings-layout .sidebar .brand h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}app-settings-layout .sidebar .settings-nav{flex:1;overflow-y:auto;padding:1rem 0}@media (max-width: 768px){app-settings-layout .sidebar .settings-nav{display:flex!important;overflow-x:auto;overflow-y:hidden;padding:0;-webkit-overflow-scrolling:touch}app-settings-layout .sidebar .settings-nav::-webkit-scrollbar{display:none}}app-settings-layout .sidebar .settings-nav .nav-section{margin-bottom:2rem}@media (max-width: 768px){app-settings-layout .sidebar .settings-nav .nav-section{margin-bottom:0;display:flex!important;align-items:center}app-settings-layout .sidebar .settings-nav .nav-section h4{display:none}}app-settings-layout .sidebar .settings-nav .nav-section h4{margin:0 1.5rem .75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}app-settings-layout .sidebar .settings-nav .nav-section a{display:block;padding:.5rem 1.5rem;color:var(--text-primary);font-size:.875rem;text-decoration:none;cursor:pointer;transition:background .2s}@media (max-width: 768px){app-settings-layout .sidebar .settings-nav .nav-section a{padding:1rem 1.25rem;white-space:nowrap;border-bottom:2px solid transparent}app-settings-layout .sidebar .settings-nav .nav-section a.active{border-right:none!important;border-bottom:2px solid var(--accent-color);background:transparent!important}}app-settings-layout .sidebar .settings-nav .nav-section a:hover{background:var(--bg-secondary)}app-settings-layout .sidebar .settings-nav .nav-section a.active{background:rgba(var(--accent-rgb),.1);color:var(--accent-color);border-right:3px solid var(--accent-color);font-weight:600}app-settings-layout .settings-content{flex:1;padding:3rem 4rem;overflow-y:auto}@media (max-width: 768px){app-settings-layout .settings-content{padding:1.5rem}}app-settings-layout .settings-content .tab-pane{max-width:800px;margin:0 auto;background:var(--bg-surface);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:2.5rem}@media (max-width: 480px){app-settings-layout .settings-content .tab-pane{padding:1.5rem;background:transparent;border:none;box-shadow:none}}app-storage-connections .storage-container{padding:2.5rem;max-width:1200px;margin:0 auto}app-storage-connections .page-header{margin-bottom:2.5rem}app-storage-connections .page-header h1{font-size:1.875rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}app-storage-connections .page-header p{color:var(--text-secondary);margin:0}app-storage-connections .providers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}app-storage-connections .provider-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}app-storage-connections .provider-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}app-storage-connections .provider-card.active{border-color:var(--accent-color);background:#4f7ef705}app-storage-connections .provider-card .card-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}app-storage-connections .provider-card .card-header .brand{display:flex;align-items:center;gap:1rem}app-storage-connections .provider-card .card-header .brand .icon{font-size:1.5rem;background:var(--bg-secondary);width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}app-storage-connections .provider-card .card-header .brand h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}app-storage-connections .provider-card .card-header .badge{background:#d1fae5;color:#047857;font-size:.65rem;padding:.25rem .5rem;border-radius:99px;text-transform:uppercase;font-weight:600}app-storage-connections .provider-card .card-body{padding:1.5rem;flex:1}app-storage-connections .provider-card .card-body p{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.5}app-storage-connections .provider-card .card-footer{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);background:var(--bg-primary);border-bottom-left-radius:12px;border-bottom-right-radius:12px}app-storage-connections .btn-danger.ghost{background:transparent;border-color:transparent;color:#dc2626}app-storage-connections .btn-danger.ghost:hover{background:#dc26261a}app-storage-connections .btn-sm{padding:.35rem .75rem;font-size:.875rem}app-storage-connector .connector-stub{padding:3rem;text-align:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px}app-storage-connector .connector-stub .icon{font-size:3rem;margin-bottom:1rem}app-storage-connector .connector-stub h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem}app-storage-connector .connector-stub p{margin:0;color:var(--text-secondary);line-height:1.5}app-kanban-board{display:block}app-kanban-board .kanban-layout{padding:var(--container-padding);height:100%;display:flex;flex-direction:column;overflow:hidden}app-kanban-board .board{flex:1;display:flex;gap:1rem;overflow-x:auto;padding-bottom:2rem;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}@media (min-width: 768px){app-kanban-board .board{gap:1.5rem;scroll-snap-type:none}}app-kanban-board .board .column{min-width:280px;width:85vw;background:var(--bg-surface);border-radius:12px;display:flex;flex-direction:column;border:1px solid var(--border-color);flex-shrink:0;scroll-snap-align:center;transition:box-shadow .2s}@media (min-width: 768px){app-kanban-board .board .column{width:320px;min-width:320px;scroll-snap-align:none}}app-kanban-board .board .column .column-header{padding:16px 20px 8px;display:flex;justify-content:space-between;align-items:center}app-kanban-board .board .column .column-header h3{margin:0;font-size:.85rem;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;opacity:.9}app-kanban-board .board .column .column-header .count{font-size:.75rem;font-weight:700;color:var(--text-secondary);background:var(--bg-secondary);padding:2px 8px;border-radius:10px;min-width:24px;text-align:center}app-kanban-board .board .column .task-list{padding:8px 12px 16px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}app-kanban-board .board .column .task-list::-webkit-scrollbar{width:4px}app-kanban-board .board .column .task-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}app-kanban-board .modal-content{max-width:600px}app-kanban-board .modal-content .modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}app-kanban-board .modal-content .modal-header h2{margin:0;font-size:1.25rem}app-kanban-board .modal-content .modal-header .close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}app-kanban-board .modal-content .modal-body{padding:1.5rem}app-kanban-board .form-group{margin-bottom:1.5rem}app-kanban-board .form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}app-kanban-board .form-group .form-control{width:100%;border:1px solid var(--border-color);padding:.75rem;border-radius:6px;background:var(--bg-primary);color:var(--text-primary)}app-kanban-board .modal-footer{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}app-kanban-board .modal-footer .spacer{flex:1}app-my-tasks .my-tasks-container{padding:2.5rem;max-width:900px;margin:0 auto}app-my-tasks .header{margin-bottom:2rem}app-my-tasks .header h1{font-size:1.875rem;color:var(--text-primary);margin:0 0 .5rem}app-my-tasks .header p{color:var(--text-secondary);margin:0}app-my-tasks .task-list{display:flex;flex-direction:column;gap:1rem}app-my-tasks .task-row{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1.5rem;transition:transform .2s,box-shadow .2s}app-my-tasks .task-row:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}app-my-tasks .task-row.completed{opacity:.6}app-my-tasks .task-row.completed .content h3{text-decoration:line-through}app-my-tasks .task-row .check{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--success-color);background:var(--bg-primary);transition:all .2s}app-my-tasks .task-row .check:hover{border-color:var(--success-color);background:#10b9811a}app-my-tasks .task-row .content{flex:1}app-my-tasks .task-row .content h3{font-size:1.125rem;margin:0 0 .25rem;color:var(--text-primary)}app-my-tasks .task-row .content p{margin:0;font-size:.875rem;color:var(--text-secondary)}app-my-tasks .task-row .meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}app-my-tasks .task-row .meta .badge{padding:.25rem .5rem;border-radius:4px;font-size:.65rem;text-transform:uppercase;font-weight:700}app-my-tasks .task-row .meta .badge.urgent{background:#fee2e2;color:#b91c1c}app-my-tasks .task-row .meta .badge.high{background:#ffedd5;color:#c2410c}app-my-tasks .task-row .meta .badge.medium{background:#fef08a;color:#a16207}app-my-tasks .task-row .meta .badge.low{background:#d1fae5;color:#047857}app-my-tasks .task-row .meta .project{font-size:.75rem;color:var(--text-secondary)}app-my-tasks .empty-state{text-align:center;padding:4rem 2rem;border:1px dashed var(--border-color);border-radius:12px}app-my-tasks .empty-state .icon{font-size:3rem;margin-bottom:1rem}app-my-tasks .empty-state h3{margin:0 0 .5rem;color:var(--text-primary)}app-my-tasks .empty-state p{margin:0;color:var(--text-secondary)}app-task-board .board-wrapper{padding:2rem}app-task-board .board-wrapper h2{margin-bottom:2rem;color:var(--text-primary)}app-task-board .grid{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem}app-task-board .col{min-width:300px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}app-task-board .col-header{padding:1.25rem;border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-primary);background:var(--bg-secondary);display:flex;justify-content:space-between;align-items:center}app-task-board .col-header .badge{font-size:.75rem;background:var(--border-color);padding:.2rem .5rem;border-radius:99px}app-task-board .col-body{padding:1rem;flex:1;min-height:400px;background:var(--bg-primary);display:flex;flex-direction:column;gap:.75rem}app-task-board .card{background:var(--bg-surface);padding:1rem;border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm)}app-task-board .card h4{margin:0 0 .5rem;color:var(--text-primary)}app-task-board .card .badge{font-size:.7rem;padding:.2rem .4rem;border-radius:4px;text-transform:uppercase;font-weight:700}app-task-board .card .badge.urgent,app-task-board .card .badge.high{background:var(--status-danger-bg);color:var(--status-danger-text)}app-task-board .card .badge.medium{background:var(--status-warning-bg);color:var(--status-warning-text)}app-task-board .card .badge.low{background:var(--status-success-bg);color:var(--status-success-text)}app-task-board .card.empty{border:1px dashed var(--text-secondary);background:transparent;box-shadow:none;color:var(--text-secondary);padding:2rem;text-align:center;font-size:.875rem}app-task-list .list-wrapper{padding:2.5rem;max-width:1200px;margin:0 auto}app-task-list .list-wrapper h2{margin-bottom:2rem;color:var(--text-primary)}app-task-list .table-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}app-task-list .table{width:100%;border-collapse:collapse}app-task-list .table th,app-task-list .table td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid var(--border-color);font-size:.875rem}app-task-list .table th{background:var(--bg-secondary);font-weight:600;color:var(--text-secondary)}app-task-list .table td{color:var(--text-primary)}app-task-list .table .empty-row td{text-align:center;color:var(--text-secondary);padding:3rem}app-workspace-setup .workspace-dashboard{padding:2.5rem;max-width:1200px;margin:0 auto;animation:fadeIn .6s ease-out}app-workspace-setup .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}app-workspace-setup .dashboard-header h1{font-size:2rem;font-weight:800;margin:0 0 .5rem;letter-spacing:-.025em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--text-primary)}app-workspace-setup .dashboard-header p{color:var(--text-secondary);margin:0;font-size:1rem}app-workspace-setup .stats-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}@media (min-width: 768px){app-workspace-setup .stats-grid{grid-template-columns:repeat(3,1fr)}}app-workspace-setup .stat-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:1.75rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:transform .3s ease,box-shadow .3s ease}app-workspace-setup .stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}app-workspace-setup .stat-card h3{font-size:.875rem;color:var(--text-secondary);font-weight:600;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}app-workspace-setup .stat-card .value{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}app-workspace-setup .stat-card .trend{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600;padding:.25rem .5rem;border-radius:6px}app-workspace-setup .stat-card .trend.positive{background:#10b9811a;color:var(--success-color)}app-workspace-setup .stat-card .trend.negative{background:#ef44441a;color:var(--danger-color)}app-workspace-setup .grid-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){app-workspace-setup .grid-layout{grid-template-columns:2fr 1fr}}app-workspace-setup .card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden}app-workspace-setup .card .card-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}app-workspace-setup .card .card-header h3{font-size:1.125rem;font-weight:700;margin:0}app-workspace-setup .card .card-body{padding:1.5rem}app-workspace-setup .card .card-body.empty-state{display:flex;align-items:center;justify-content:center;min-height:240px;color:var(--text-secondary)}app-workspace-setup .card .card-body.empty-state p{margin:0;font-size:.9375rem}app-workspace-setup .card .card-body.list{padding:0}app-workspace-setup .btn-create-ws{display:flex;align-items:center;gap:.625rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--accent-color) 0%,#6366f1 100%);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #4f7ef740}app-workspace-setup .btn-create-ws:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f7ef759;filter:brightness(1.1)}app-workspace-setup .btn-create-ws:active{transform:translateY(0)}app-workspace-setup .btn-create-ws .icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#fff3;border-radius:6px;font-size:1.1rem}app-workspace-setup .btn-create-ws.cancel{background:var(--bg-secondary);color:var(--text-primary);box-shadow:none;border:1px solid var(--border-color)}app-workspace-setup .btn-create-ws.cancel:hover{background:var(--border-color);filter:none}app-workspace-setup .form-panel{background:var(--bg-secondary);border-radius:12px;margin:1rem;padding:1.25rem;border:1px solid var(--border-color)}app-workspace-setup .form-panel .form-control{background:var(--bg-primary);border:1.5px solid var(--border-color);padding:.75rem 1rem;font-size:.9375rem}app-workspace-setup .form-panel .form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px #4f7ef71a}app-workspace-setup .workspace-item{display:flex;align-items:center;padding:1.25rem 1.5rem;cursor:pointer;border-bottom:1px solid var(--border-color);transition:all .2s ease;position:relative}app-workspace-setup .workspace-item:last-child{border-bottom:none}app-workspace-setup .workspace-item:hover{background:rgba(var(--accent-color-rgb),.03)}app-workspace-setup .workspace-item:hover .hover-actions{opacity:1;transform:translate(0)}app-workspace-setup .workspace-item.active{background:#4f7ef70f}app-workspace-setup .workspace-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent-color);border-radius:0 4px 4px 0}app-workspace-setup .workspace-item.active .ws-name{color:var(--accent-color);font-weight:700}app-workspace-setup .workspace-item .ws-color{width:14px;height:14px;border-radius:50%;margin-right:1.25rem;box-shadow:0 2px 4px #0000001a}app-workspace-setup .workspace-item .ws-name{flex:1;font-weight:600;color:var(--text-primary);font-size:.9375rem}app-workspace-setup .workspace-item .hover-actions{opacity:0;transform:translate(10px);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;gap:6px}app-workspace-setup .workspace-item .hover-actions .ghost-btn{background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;font-size:.875rem;padding:6px;border-radius:8px;box-shadow:0 2px 4px #0000000d}app-workspace-setup .workspace-item .hover-actions .ghost-btn:hover{background:var(--bg-secondary);color:var(--accent-color)}app-workspace-setup .workspace-item .hover-actions .ghost-btn.danger:hover{background:#fee2e2;color:#ef4444;border-color:#fecaca}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}app-asset-review{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-surface);color:var(--text-primary);overflow:hidden}app-asset-review .review-header{height:72px;min-height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:100}app-asset-review .review-header .asset-meta-info{display:flex;align-items:center;gap:16px}app-asset-review .review-header .asset-meta-info .back-btn{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}app-asset-review .review-header .asset-meta-info .back-btn:hover{background:var(--border-color);transform:translate(-2px)}app-asset-review .review-header .asset-meta-info .task-title{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.01em}app-asset-review .review-header .header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}app-asset-review .review-header .header-actions .btn{white-space:nowrap}app-asset-review .review-header .header-actions .decision-buttons{display:flex;gap:8px;align-items:center}app-asset-review .review-header .header-actions .close-x{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:4px 8px;opacity:.6;transition:opacity .2s}app-asset-review .review-header .header-actions .close-x:hover{opacity:1}app-asset-review .review-body{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%;max-width:100%;min-height:0}@media (min-width: 1024px){app-asset-review .review-body{flex-direction:row}}app-asset-review .review-body .media-area{flex:1;min-width:0;min-height:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px;align-self:stretch;width:100%;cursor:crosshair}@media (min-width: 768px){app-asset-review .review-body .media-area{padding:40px}}app-asset-review .review-body .media-area .pinpoint-container{position:absolute;width:30px;height:30px;transform:translate(-50%,-50%);pointer-events:none;z-index:200}app-asset-review .review-body .media-area .pinpoint-container.active{z-index:300}app-asset-review .review-body .media-area .pinpoint-container .pin-number{width:30px;height:30px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;box-shadow:0 4px 12px #0000004d;border:2px solid #fff;pointer-events:auto;cursor:pointer}app-asset-review .review-body .media-area .pinpoint-container .pin-number.active{background:#fff;color:var(--accent-color);border-color:var(--accent-color);transform:scale(1.1)}app-asset-review .review-body .media-area .pinpoint-container .draft-form{position:absolute;width:320px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:0 10px 25px #0006;pointer-events:auto;z-index:1000;margin-top:10px}app-asset-review .review-body .media-area .pinpoint-container .draft-form .draft-header{margin-bottom:12px;color:var(--text-primary);font-weight:700}app-asset-review .review-body .media-area .pinpoint-container .draft-form textarea{width:100%;min-height:100px;margin-bottom:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:10px;color:var(--text-primary);font-size:.9rem;resize:vertical}app-asset-review .review-body .media-area .pinpoint-container .draft-form textarea:focus{border-color:var(--accent-color);outline:none}app-asset-review .review-body .media-area .pinpoint-container .draft-form .draft-actions{display:flex;justify-content:flex-end;gap:8px}app-asset-review .review-body .media-area .video-player-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}app-asset-review .review-body .media-area .video-player-container .video-stage{flex:1;width:100%;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}app-asset-review .review-body .media-area .video-player-container .video-stage video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 30px 60px #000000e6;border-radius:12px}app-asset-review .review-body .media-area .video-player-container .review-timeline-wrapper{width:100%;max-width:1000px;margin-top:24px;background:#0f1115;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px 20px 20px;box-shadow:0 10px 30px #00000080;z-index:50;flex-shrink:0}app-asset-review .review-body .media-area .video-player-container .review-timeline-wrapper .time-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}app-asset-review .review-body .media-area .video-player-container .review-timeline-wrapper .time-labels span{font-size:.7rem;color:#fff;font-weight:700;opacity:.7;width:60px}app-asset-review .review-body .media-area .video-player-container .review-timeline-wrapper .time-labels span:last-child{text-align:right}app-asset-review .review-body .media-area .video-player-container .review-timeline-wrapper .time-labels .playback-controls{display:flex;align-items:center;gap:16px}app-asset-review .review-body .media-area .video-player-container .review-timeline-wrapper .time-labels .playback-controls button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:.8rem}app-asset-review .review-body .media-area .video-player-container .review-timeline-wrapper .time-labels .playback-controls button:hover{background:#ffffff26;transform:translateY(-1px);border-color:#ffffff4d}app-asset-review .review-body .media-area .video-player-container .review-timeline-wrapper .time-labels .playback-controls button.play-pause{width:44px;height:44px;font-size:1.1rem;background:var(--accent-color);border:none;box-shadow:0 4px 15px #4f7ef74d}app-asset-review .review-body .media-area .video-player-container .review-timeline-wrapper .time-labels .playback-controls button.play-pause:hover{background:var(--accent-hover)}app-asset-review .review-body .media-area .video-player-container .review-timeline-wrapper .timeline-track{position:relative;height:48px;background:#ffffff0d;border-radius:8px;cursor:pointer}app-asset-review .review-body .media-area .video-player-container .review-timeline-wrapper .timeline-track .progress-fill{position:absolute;left:0;top:0;bottom:0;background:#4f7ef733;border-right:2px solid var(--accent-color);transition:width .1s linear;border-radius:8px 0 0 8px}app-asset-review .review-body .media-area .video-player-container .review-timeline-wrapper .timeline-track .playhead{position:absolute;top:-4px;bottom:-4px;width:4px;background:#fff;transform:translate(-50%);pointer-events:none;z-index:5;box-shadow:0 0 15px #ffffff80}app-asset-review .review-body .media-area .video-player-container .review-timeline-wrapper .timeline-track .playhead:after{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:#fff;border-radius:50%}app-asset-review .review-body .media-area .video-player-container .review-timeline-wrapper .timeline-track .timeline-markers .timeline-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#4f7ef7;border:2px solid #fff;border-radius:50%;pointer-events:auto;cursor:pointer;transition:all .2s}app-asset-review .review-body .media-area .video-player-container .review-timeline-wrapper .timeline-track .timeline-markers .timeline-marker:hover{transform:translate(-50%,-50%) scale(1.5);box-shadow:0 0 15px var(--accent-color);z-index:10}app-asset-review .review-body .media-area .video-player-container .review-timeline-wrapper .timeline-track .timeline-markers .timeline-marker.resolved{background:#10b981;opacity:.8}app-asset-review .review-body .media-area .video-player-container .review-timeline-wrapper .timeline-track .timeline-tooltip{position:absolute;top:-40px;transform:translate(-50%);background:#fff;color:#000;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:800;pointer-events:none}app-asset-review .review-body .media-area .review-media-img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 40px 80px #0009;cursor:crosshair;background:#fff}app-asset-review .review-sidebar{width:100%;height:40vh;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-direction:column;z-index:10;overflow:hidden}@media (min-width: 1024px){app-asset-review .review-sidebar{width:400px;flex:0 0 400px;height:100%;border-top:none;border-left:1px solid var(--border-color)}}app-asset-review .review-sidebar .sidebar-tabs{display:flex;gap:40px;padding:0 24px;border-bottom:1px solid var(--border-color);position:relative;background:var(--bg-surface);height:48px;align-items:center;justify-content:space-between}app-asset-review .review-sidebar .sidebar-tabs .ai-hub-btn{background:linear-gradient(135deg,#7c3aed1a,#4f46e51a);border:1px solid rgba(124,58,237,.3);color:var(--text-primary);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em}app-asset-review .review-sidebar .sidebar-tabs .ai-hub-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed33,#4f46e533);border-color:#7c3aed80;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed26}app-asset-review .review-sidebar .sidebar-tabs .ai-hub-btn:disabled{opacity:.6;cursor:wait}app-asset-review .review-sidebar .sidebar-tabs .ai-hub-btn .spin{animation:spin 1.2s linear infinite}app-asset-review .review-sidebar .sidebar-tabs .tab-btn{background:none;border:none;font-size:.75rem;font-weight:800;color:var(--text-secondary);cursor:pointer;padding:15px 0 8px;position:relative;transition:all .2s}app-asset-review .review-sidebar .sidebar-tabs .tab-btn.active{color:var(--text-primary)}app-asset-review .review-sidebar .sidebar-tabs .tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent-color);border-radius:99px}app-asset-review .review-sidebar .ai-recommendations-tray{background:linear-gradient(to bottom,var(--bg-surface),var(--bg-secondary));border-bottom:1px solid var(--border-color);padding:16px;max-height:380px;overflow-y:auto;box-shadow:inset 0 -10px 20px -10px #0000001a}app-asset-review .review-sidebar .ai-recommendations-tray .tray-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}app-asset-review .review-sidebar .ai-recommendations-tray .tray-header .label{font-size:10px;font-weight:800;color:#7c3aed;letter-spacing:.1em}app-asset-review .review-sidebar .ai-recommendations-tray .tray-header .btn-close-mini{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:12px;opacity:.5}app-asset-review .review-sidebar .ai-recommendations-tray .tray-header .btn-close-mini:hover{opacity:1}app-asset-review .review-sidebar .ai-recommendations-tray .suggestion-list{display:flex;flex-direction:column;gap:10px}app-asset-review .review-sidebar .ai-recommendations-tray .suggestion-list .suggestion-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;transition:all .2s}app-asset-review .review-sidebar .ai-recommendations-tray .suggestion-list .suggestion-card:hover{border-color:#7c3aed;box-shadow:0 4px 12px #0000000d}app-asset-review .review-sidebar .ai-recommendations-tray .suggestion-list .suggestion-card .task-info{flex:1}app-asset-review .review-sidebar .ai-recommendations-tray .suggestion-list .suggestion-card .task-info h6{margin:0 0 4px;font-size:13px;font-weight:700;color:var(--text-primary)}app-asset-review .review-sidebar .ai-recommendations-tray .suggestion-list .suggestion-card .task-info p{margin:0 0 8px;font-size:12px;color:var(--text-secondary);line-height:1.4}app-asset-review .review-sidebar .ai-recommendations-tray .suggestion-list .suggestion-card .task-info .priority-tag{font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;text-transform:uppercase}app-asset-review .review-sidebar .ai-recommendations-tray .suggestion-list .suggestion-card .task-info .priority-tag[data-priority=high]{background:#ef44441a;color:#ef4444}app-asset-review .review-sidebar .ai-recommendations-tray .suggestion-list .suggestion-card .task-info .priority-tag[data-priority=medium]{background:#f59e0b1a;color:#f59e0b}app-asset-review .review-sidebar .ai-recommendations-tray .suggestion-list .suggestion-card .task-info .priority-tag[data-priority=low]{background:#10b9811a;color:#10b981}app-asset-review .review-sidebar .ai-recommendations-tray .suggestion-list .suggestion-card .btn-add-task{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}app-asset-review .review-sidebar .ai-recommendations-tray .suggestion-list .suggestion-card .btn-add-task:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}app-asset-review .review-sidebar .log-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:20px}app-asset-review .review-sidebar .log-list .log-item{padding:8px 16px 8px 8px;cursor:pointer;position:relative;border-left:2px solid transparent}app-asset-review .review-sidebar .log-list .log-item.selected{border-left-color:var(--accent-color);background:#4f7ef70d}app-asset-review .review-sidebar .log-list .log-item.is-resolved{opacity:.5}app-asset-review .review-sidebar .log-list .log-item.is-resolved .log-content{text-decoration:line-through}app-asset-review .mention-highlight{background:#4f7ef71f;color:var(--accent-color);padding:0 4px;border-radius:4px;font-weight:600}app-kanban-board .modal-overlay{background:#0a0a0ad9!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}app-kanban-board .large-modal.trello-modal{max-width:800px;width:95%;background:var(--surface-color);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;padding:0;box-shadow:0 12px 32px #00000026}app-kanban-board .large-modal.trello-modal .trello-header{display:flex;align-items:flex-start;padding:24px 48px 12px 24px;border-bottom:none;position:relative}app-kanban-board .large-modal.trello-modal .trello-header .header-icon{color:var(--text-color);opacity:.8;margin-right:12px;margin-top:4px}app-kanban-board .large-modal.trello-modal .trello-header .header-title-container{flex:1}app-kanban-board .large-modal.trello-modal .trello-header .header-title-container .trello-title-input{background:transparent;border:2px solid transparent;border-radius:4px;font-size:1.5rem;font-weight:700;color:var(--text-color);padding:4px 8px;margin-left:-8px;width:100%;transition:all .2s}app-kanban-board .large-modal.trello-modal .trello-header .header-title-container .trello-title-input:focus{border-color:var(--primary-color);background:var(--surface-hover)}app-kanban-board .large-modal.trello-modal .trello-header .header-title-container .header-subtitle{font-size:.9rem;color:var(--text-color);opacity:.7;margin-left:0;margin-top:4px}app-kanban-board .large-modal.trello-modal .trello-header .close-btn{position:absolute;top:16px;right:16px;font-size:1.8rem;background:transparent;border:none;color:var(--text-color);opacity:.5;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}app-kanban-board .large-modal.trello-modal .trello-header .close-btn:hover{background:var(--surface-hover);opacity:1}app-kanban-board .large-modal.trello-modal .modal-body{flex:1;overflow-y:auto;padding:1rem 1.5rem}app-kanban-board .large-modal.trello-modal .trello-body{display:flex;flex-wrap:wrap;gap:24px;overflow-y:auto}app-kanban-board .large-modal.trello-modal .main-column{flex:1 1 500px;display:flex;flex-direction:column;gap:32px}app-kanban-board .large-modal.trello-modal .right-column{flex:0 0 320px;display:flex;flex-direction:column;gap:24px;border-left:1px solid var(--border-color);padding-left:24px}@media (max-width: 1100px){app-kanban-board .large-modal.trello-modal .right-column{flex:1 1 100%;border-left:none;padding-left:0;border-top:1px solid var(--border-color);padding-top:24px}}app-kanban-board .large-modal.trello-modal .inline-metadata-row .meta-block{position:relative;display:flex;flex-direction:column;gap:8px}app-kanban-board .large-modal.trello-modal .inline-metadata-row .meta-block .meta-label{font-size:.8rem;color:var(--text-color);opacity:.6;font-weight:600;text-transform:uppercase;letter-spacing:.5px}app-kanban-board .large-modal.trello-modal .inline-metadata-row .meta-block .meta-values{display:flex;align-items:center;gap:8px}app-kanban-board .large-modal.trello-modal .inline-metadata-row .meta-block .meta-values .inline-date-picker{border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;background:var(--surface-color);color:var(--text-color);font-family:inherit;font-size:.9rem;cursor:pointer}app-kanban-board .large-modal.trello-modal .inline-metadata-row .meta-block .meta-values .inline-select-btn{appearance:none;background:#0000000d;border:none;padding:4px 12px;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;color:var(--text-color)}app-kanban-board .large-modal.trello-modal .inline-metadata-row .meta-block .meta-values .inline-select-btn:hover{background:#0000001a}app-kanban-board .large-modal.trello-modal .rich-text-container{border:1px solid var(--border-color);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;transition:all .2s;background:transparent}app-kanban-board .large-modal.trello-modal .rich-text-container.editing{background:var(--surface-color);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}app-kanban-board .large-modal.trello-modal .rich-text-container .rich-text-toolbar{display:flex;align-items:center;gap:4px;padding:8px;background:var(--surface-color);border-bottom:1px solid var(--border-color)}app-kanban-board .large-modal.trello-modal .rich-text-container .rich-text-toolbar .toolbar-btn{background:none;border:none;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;color:var(--text-color);opacity:.7}app-kanban-board .large-modal.trello-modal .rich-text-container .rich-text-toolbar .toolbar-btn:hover{opacity:1;background:#0000000d}app-kanban-board .large-modal.trello-modal .rich-text-container .rich-text-toolbar .toolbar-divider{width:1px;height:16px;background:var(--border-color);margin:0 4px}app-kanban-board .large-modal.trello-modal .rich-text-container .rich-textarea{border:none!important;border-radius:0;min-height:120px;resize:vertical;padding:12px;box-shadow:none!important}app-kanban-board .large-modal.trello-modal .rich-text-container .rich-textarea:focus{outline:none}app-kanban-board .large-modal.trello-modal .overlapping-add-btn{width:32px;height:32px;border-radius:50%;border:1px dashed var(--border-color);background:transparent;display:flex;align-items:center;justify-content:center;margin-left:-12px;cursor:pointer;z-index:10}app-kanban-board .large-modal.trello-modal .overlapping-add-btn:hover{background:#0000000d}app-kanban-board .large-modal.trello-modal .custom-assignee-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:280px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:100;max-height:300px;overflow-y:auto;padding:8px 0}app-kanban-board .large-modal.trello-modal .custom-assignee-dropdown .dropdown-heading{font-size:.75rem;text-transform:uppercase;color:var(--text-color);opacity:.6;font-weight:600;padding:4px 16px;letter-spacing:.5px}app-kanban-board .large-modal.trello-modal .custom-assignee-dropdown .dropdown-item{display:flex;align-items:center;padding:8px 16px;gap:12px;cursor:pointer;position:relative}app-kanban-board .large-modal.trello-modal .custom-assignee-dropdown .dropdown-item:hover{background:#0000000a}app-kanban-board .large-modal.trello-modal .custom-assignee-dropdown .dropdown-item .sm-avatar{width:24px;height:24px;font-size:.7rem;background:var(--primary-color);color:#fff}app-kanban-board .large-modal.trello-modal .custom-assignee-dropdown .dropdown-item .m-name{font-size:.9rem;color:var(--text-color);flex:1}app-kanban-board .large-modal.trello-modal .custom-assignee-dropdown .dropdown-item .checkmark{color:var(--primary-color);font-weight:700}app-kanban-board .large-modal.trello-modal .section-block .section-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}app-kanban-board .large-modal.trello-modal .section-block .section-header svg{color:var(--text-color);opacity:.8}app-kanban-board .large-modal.trello-modal .section-block .section-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-color)}app-kanban-board .large-modal.trello-modal .section-block .trello-textarea{background:var(--surface-hover);border:1px solid transparent;padding:12px;min-height:80px;transition:all .2s}app-kanban-board .large-modal.trello-modal .section-block .trello-textarea:focus{background:var(--surface-color);border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}app-kanban-board .large-modal.trello-modal .attachments-grid{display:flex;flex-direction:column;gap:12px}app-kanban-board .large-modal.trello-modal .attachments-grid .attachment-item{display:flex;gap:16px;align-items:center;cursor:pointer;padding:8px;border-radius:8px;background:var(--surface-hover);transition:background .2s}app-kanban-board .large-modal.trello-modal .attachments-grid .attachment-item:hover{background:rgba(var(--primary-color-rgb),.1)}app-kanban-board .large-modal.trello-modal .attachments-grid .attachment-item .attachment-preview{width:112px;height:80px;background:var(--surface-hover);border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}app-kanban-board .large-modal.trello-modal .attachments-grid .attachment-item .attachment-preview img{width:100%;height:100%;object-fit:cover}app-kanban-board .large-modal.trello-modal .attachments-grid .attachment-item .attachment-preview .media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}app-kanban-board .large-modal.trello-modal .attachments-grid .attachment-item .attachment-preview .media-placeholder.video-placeholder{background:rgba(var(--primary-color-rgb),.1)}app-kanban-board .large-modal.trello-modal .attachments-grid .attachment-item .attachment-preview .media-placeholder.pdf-placeholder{background:#dc26261a}app-kanban-board .large-modal.trello-modal .attachments-grid .attachment-item .attachment-preview .media-placeholder.image-placeholder{background:rgba(var(--primary-color-rgb),.05)}app-kanban-board .large-modal.trello-modal .attachments-grid .attachment-item .attachment-preview.pending-preview{border:1px dashed var(--primary-color)}app-kanban-board .large-modal.trello-modal .attachments-grid .attachment-item .attachment-preview.pending-preview .media-placeholder{opacity:.7}app-kanban-board .large-modal.trello-modal .attachments-grid .attachment-item .attachment-details{display:flex;flex-direction:column}app-kanban-board .large-modal.trello-modal .attachments-grid .attachment-item .attachment-details .file-name{font-weight:600;color:var(--text-color)}app-kanban-board .large-modal.trello-modal .attachments-grid .attachment-item .attachment-details .file-meta{font-size:.85rem;color:var(--text-color);opacity:.6;margin-top:4px}app-kanban-board .large-modal.trello-modal .subtasks-list{display:flex;flex-direction:column;gap:8px}app-kanban-board .large-modal.trello-modal .subtasks-list .subtask-row{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:4px}app-kanban-board .large-modal.trello-modal .subtasks-list .subtask-row:hover{background:var(--surface-hover)}app-kanban-board .large-modal.trello-modal .subtasks-list .subtask-row:hover .delete-st-btn{opacity:1}app-kanban-board .large-modal.trello-modal .subtasks-list .subtask-row input[type=checkbox]{width:18px;height:18px;cursor:pointer}app-kanban-board .large-modal.trello-modal .subtasks-list .subtask-row .subtask-name{flex:1;font-size:1rem;color:var(--text-color)}app-kanban-board .large-modal.trello-modal .subtasks-list .subtask-row .subtask-name.completed{text-decoration:line-through;opacity:.6}app-kanban-board .large-modal.trello-modal .subtasks-list .subtask-row .delete-st-btn{opacity:0;background:transparent;border:none;color:var(--danger-color);font-size:1.2rem;cursor:pointer;transition:opacity .2s}app-kanban-board .large-modal.trello-modal .subtasks-list .add-subtask-row{display:flex;gap:8px;margin-top:8px}app-kanban-board .large-modal.trello-modal .subtasks-list .add-subtask-row input{flex:1}app-kanban-board .large-modal.trello-modal .comment-input-area{display:flex;gap:12px;margin-bottom:24px}app-kanban-board .large-modal.trello-modal .comment-input-area .avatar-stub{width:32px;height:32px;border-radius:16px;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}app-kanban-board .large-modal.trello-modal .comment-input-area .comment-input-wrapper{flex:1;position:relative}app-kanban-board .large-modal.trello-modal .comment-input-area .comment-input-wrapper input{width:100%;padding-right:80px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;min-height:40px}app-kanban-board .large-modal.trello-modal .comment-input-area .comment-input-wrapper input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}app-kanban-board .large-modal.trello-modal .comment-input-area .comment-input-wrapper .save-comment-btn{position:absolute;right:4px;top:4px;height:32px;border-radius:16px;padding:0 16px}app-kanban-board .large-modal.trello-modal .comments-list{display:flex;flex-direction:column;gap:16px}app-kanban-board .large-modal.trello-modal .comments-list .comment-item{display:flex;gap:12px}app-kanban-board .large-modal.trello-modal .comments-list .comment-item .avatar-stub{width:32px;height:32px;border-radius:16px;background:var(--surface-hover);color:var(--text-color);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}app-kanban-board .large-modal.trello-modal .comments-list .comment-item .comment-content-box{flex:1;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:12px}app-kanban-board .large-modal.trello-modal .comments-list .comment-item .comment-content-box .comment-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}app-kanban-board .large-modal.trello-modal .comments-list .comment-item .comment-content-box .comment-header .author-name{font-size:.875rem;font-weight:600;color:var(--text-color)}app-kanban-board .large-modal.trello-modal .comments-list .comment-item .comment-content-box .comment-header .comment-time{font-size:.75rem;color:var(--text-secondary);opacity:.6}app-kanban-board .large-modal.trello-modal .comments-list .comment-item .comment-content-box .comment-text{font-size:.875rem;line-height:1.5;color:var(--text-primary);white-space:pre-wrap}app-kanban-board .large-modal.trello-modal .comments-list .comment-item .comment-content-box .comment-footer{margin-top:4px}app-kanban-board .large-modal.trello-modal .comments-list .inline-reply-row{display:flex;gap:12px;margin-left:44px;margin-bottom:16px;align-items:flex-start}app-kanban-board .large-modal.trello-modal .comments-list .inline-reply-row .reply-input-container{flex:1;background:var(--bg-secondary);padding:8px;border-radius:8px}app-kanban-board .large-modal.trello-modal .comments-list .inline-reply-row .reply-input-container input{width:100%;margin-bottom:8px;font-size:.85rem}app-kanban-board .large-modal.trello-modal .comments-list .inline-reply-row .reply-input-container .reply-actions{display:flex;justify-content:flex-end;gap:8px}app-kanban-board .large-modal.trello-modal .sidebar-module{margin-bottom:24px}app-kanban-board .large-modal.trello-modal .sidebar-module h4{font-size:.8rem;text-transform:uppercase;opacity:.6;margin-bottom:8px;color:var(--text-color);font-weight:600}app-kanban-board .large-modal.trello-modal .sidebar-module .sidebar-buttons{display:flex;flex-direction:column;gap:8px}app-kanban-board .large-modal.trello-modal .sidebar-module .sidebar-buttons .sidebar-action-group{display:flex;flex-direction:column;gap:4px}app-kanban-board .large-modal.trello-modal .sidebar-module .sidebar-buttons .sidebar-action-group label{font-size:.8rem;color:var(--text-color);opacity:.8;font-weight:500}.meta-grid{background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.description-textarea{border:1px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.description-textarea:focus{background:var(--bg-secondary)!important;border-color:var(--accent-color)!important}.task-title-input{transition:all .2s}.task-title-input:hover{background:var(--bg-secondary)}.assignee-popover{position:absolute;top:100%;right:0;margin-top:12px;width:320px;max-width:calc(100vw - 40px);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 40px #0000004d;z-index:1500;padding:24px;animation:popover-bounce .3s cubic-bezier(.34,1.56,.64,1);color:var(--text-primary)}@media (max-width: 400px){.assignee-popover{right:-20px;width:280px}}@keyframes popover-bounce{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popover-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.popover-header h3{margin:0;font-size:1.1rem;font-weight:800;letter-spacing:-.02em}.popover-header .close-popover{background:var(--bg-secondary);border:none;color:var(--text-secondary);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s}.popover-header .close-popover:hover{background:var(--border-color);color:var(--text-primary)}.popover-search{margin-bottom:24px}.popover-search .search-input-wrap{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:8px 12px;transition:all .2s}.popover-search .search-input-wrap:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1)}.popover-search .search-input-wrap .search-icon{font-size:.9rem;margin-right:8px;opacity:.5}.popover-search .search-input-wrap input{flex:1;background:transparent;border:none;font-size:.8rem;font-weight:600;color:var(--text-primary);outline:none}.popover-search .search-input-wrap input::placeholder{color:var(--text-secondary);font-weight:500}.popover-search .search-input-wrap .keys-badge{font-size:.65rem;font-weight:800;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-color);padding:2px 6px;border-radius:4px;opacity:.8}.popover-section{margin-bottom:24px}.popover-section .section-label{display:block;font-size:.65rem;font-weight:800;color:var(--text-secondary);margin-bottom:12px;letter-spacing:.1em}.popover-section:last-child{margin-bottom:0}.suggested-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.suggested-grid .suggested-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .2s}.suggested-grid .suggested-item:hover{transform:translateY(-2px)}.suggested-grid .suggested-item .avatar-wrap{width:48px;height:48px;border-radius:50%;background:var(--bg-secondary);position:relative;overflow:visible}.suggested-grid .suggested-item .avatar-wrap span{display:flex;align-items:center;justify-content:center;height:100%;font-size:1rem;font-weight:800;color:var(--text-secondary)}.suggested-grid .suggested-item .avatar-wrap .plus-indicator{position:absolute;bottom:0;right:0;width:18px;height:18px;background:var(--accent-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;border:2px solid var(--bg-surface)}.suggested-grid .suggested-item .avatar-wrap .plus-indicator.added{background:var(--text-secondary)}.suggested-grid .suggested-item .suggest-name{font-size:.75rem;font-weight:700;color:var(--text-primary)}.suggested-grid .suggested-item .suggest-role{font-size:.55rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.members-list{display:flex;flex-direction:column;gap:4px;max-height:250px;overflow-y:auto;margin:0 -10px;padding:0 10px}.members-list::-webkit-scrollbar{width:4px}.members-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.members-list .list-member{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;cursor:pointer;transition:all .2s}.members-list .list-member.active{background:rgba(var(--accent-color-rgb),.05)}.members-list .list-member .member-avatar-lg{width:40px;height:40px;border-radius:12px;background:var(--bg-secondary);overflow:hidden}.members-list .list-member .member-avatar-lg span{height:100%;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--text-secondary)}.members-list .list-member .member-info{flex:1;display:flex;flex-direction:column;gap:2px}.members-list .list-member .member-info .name{font-size:.85rem;font-weight:700;color:var(--text-primary)}.members-list .list-member .member-info .meta{font-size:.65rem;color:var(--text-secondary);font-weight:500}.members-list .list-member .custom-checkbox{width:20px;height:20px;border:2px solid var(--border-color);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s}.asset-review-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:3000;background:var(--bg-surface);display:flex;flex-direction:column;animation:modal-fade-in .3s ease-out;overflow:hidden}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.status-badge,.priority-badge{padding:4px 12px;border-radius:6px;font-size:.65rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent}.status-badge{cursor:pointer;background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color);transition:all .2s cubic-bezier(.4,0,.2,1)}.status-badge:hover{background:var(--border-color);border-color:var(--accent-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.status-badge[data-status=todo]{background:#6b728014;color:#6b7280;border-color:#6b728033}.status-badge[data-status=in_progress]{background:#3b82f614;color:#3b82f6;border-color:#3b82f633}.status-badge[data-status=in_review]{background:#8b5cf614;color:#8b5cf6;border-color:#8b5cf633}.status-badge[data-status=done]{background:#22c55e14;color:#22c55e;border-color:#22c55e33}.priority-badge[data-priority=low]{background:#22c55e1a;color:#22c55e}.priority-badge[data-priority=medium]{background:#eab3081a;color:#eab308}.priority-badge[data-priority=high]{background:#ef44441a;color:#ef4444}.priority-badge[data-priority=urgent]{background:#ef4444;color:#fff}.status-dropdown-wrap{position:relative;display:flex}.status-popover{position:absolute;top:100%;left:0;margin-top:8px;width:180px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #0000004d;z-index:1600;padding:8px;overflow:hidden;animation:dropdown-fade-in .2s cubic-bezier(.16,1,.3,1)}.status-popover .status-option{padding:10px 14px;font-size:.75rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-secondary);margin-bottom:2px}.status-popover .status-option:last-child{margin-bottom:0}.status-popover .status-option:hover{background:var(--bg-secondary);color:var(--text-primary)}.status-popover .status-option[data-status=todo]:hover{color:#6b7280}.status-popover .status-option[data-status=in_progress]:hover{color:#3b82f6}.status-popover .status-option[data-status=in_review]:hover{color:#8b5cf6}.status-popover .status-option[data-status=done]:hover{color:#22c55e}.input-mention-wrap{position:relative;width:100%}.assignee-popover{z-index:2100!important;max-width:calc(100vw - 60px)}.date-picker-container{position:relative;display:flex}.custom-date-picker{position:absolute;top:100%;left:0;margin-top:12px;width:320px;background:#0f1115;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 20px 60px #0009;padding:24px;z-index:5000;color:#fff;animation:picker-appear .3s cubic-bezier(.16,1,.3,1)}.custom-date-picker .picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.custom-date-picker .picker-header .nav-btn{background:#ffffff0d;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer}.custom-date-picker .picker-header .nav-btn:hover{background:#ffffff26}.custom-date-picker .picker-header .month-year-wrap{display:flex;flex-direction:column;align-items:center}.custom-date-picker .picker-header .month-year-wrap .month-year{font-size:.95rem;font-weight:800}.custom-date-picker .picker-header .month-year-wrap .fiscal-label{font-size:.55rem;color:#4b5563;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin-top:2px}@keyframes picker-appear{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.days-header{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:12px}.days-header span{text-align:center;font-size:.6rem;font-weight:800;color:#374151;letter-spacing:.1em}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:24px}.calendar-grid .grid-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;cursor:pointer;border-radius:12px;transition:all .2s;color:#fff3}.calendar-grid .grid-day.current-month{color:#fff}.calendar-grid .grid-day:hover{background:#ffffff14}.calendar-grid .grid-day.today{color:#3b82f6;font-weight:800}.calendar-grid .grid-day.selected{background:#3b82f6;color:#fff;box-shadow:0 0 15px #3b82f680}.picker-footer{border-top:1px solid rgba(255,255,255,.05);padding-top:24px}.picker-footer .time-select-row{display:flex;align-items:center;gap:16px}.picker-footer .time-select-row .time-icon{width:44px;height:44px;background:#ffffff0d;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#9ca3af}.picker-footer .time-select-row .time-label-group{flex:1}.picker-footer .time-select-row .time-label-group span.label{font-size:.6rem;color:#4b5563;font-weight:800;letter-spacing:.1em}.picker-footer .time-select-row .time-label-group input.digital-time{background:transparent;border:none;color:#fff;font-size:1.2rem;font-weight:800;padding:0;width:100%}.picker-footer .time-select-row .time-label-group input.digital-time:focus{outline:none}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#1f2937;transition:.4s;border-radius:24px}.switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.switch input:checked+.slider{background-color:#1d4ed8}.switch input:checked+.slider:before{transform:translate(20px)}.switch .slider.round{border-radius:34px}.input-mention-wrap .mentions-dropdown{position:absolute;z-index:6000;box-shadow:0 10px 40px #0006}.overdue{color:#ef4444!important;background:#ef44441a!important;border-color:#ef444433!important}.due-today{color:#f97316!important;background:#f973161a!important;border-color:#f9731633!important}.due-soon{color:#3b82f6!important;background:#3b82f61a!important;border-color:#3b82f633!important}.picker-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.picker-actions button{padding:8px 16px;border-radius:8px;font-size:.7rem;font-weight:800;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.picker-actions .btn-remove{background:transparent;border:1px solid rgba(255,255,255,.1);color:#9ca3af}.picker-actions .btn-remove:hover{background:#ef44441a;color:#ef4444;border-color:#ef444433}.picker-actions .btn-save{background:#3b82f6;border:none;color:#fff;box-shadow:0 4px 12px #3b82f64d}.picker-actions .btn-save:hover{background:#2563eb;transform:translateY(-1px)}.date-badge{display:inline-flex;align-items:center;transition:all .2s}.date-badge.overdue{border-left:3px solid #ef4444}.date-badge.due-today{border-left:3px solid #f97316}.date-badge.due-soon{border-left:3px solid #3b82f6}.urgency-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:.6rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;border:1px solid transparent;transition:all .2s}.urgency-pill.overdue{background:#ef44441f;color:#ef4444;border-color:#ef444440;animation:urgency-pulse 2s ease-in-out infinite}.urgency-pill.due-today{background:#f973161f;color:#f97316;border-color:#f9731640}.urgency-pill.due-soon{background:#3b82f61f;color:#3b82f6;border-color:#3b82f640}.detail-urgency-pill{display:block;margin-top:6px;width:fit-content}.view-toggle{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:3px;gap:2px}.view-toggle .view-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:7px;border:none;background:transparent;color:var(--text-secondary);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.view-toggle .view-btn svg{opacity:.6;transition:opacity .2s}.view-toggle .view-btn:hover{background:var(--border-color);color:var(--text-primary)}.view-toggle .view-btn:hover svg{opacity:1}.view-toggle .view-btn.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 4px #0003}.view-toggle .view-btn.active svg{opacity:1}.quick-create-card{background:var(--bg-surface);border:1px solid var(--accent-color);border-radius:10px;padding:12px;margin-bottom:8px;box-shadow:0 0 0 3px #3b82f61a;animation:card-appear .2s ease-out}.quick-create-card .quick-create-input{width:100%;background:transparent;border:none;resize:none;color:var(--text-primary);font-size:.9rem;font-family:inherit;outline:none;line-height:1.5}.quick-create-card .quick-create-input::placeholder{color:var(--text-secondary);opacity:.6}.quick-create-card .quick-create-actions{display:flex;align-items:center;gap:8px;margin-top:10px}@keyframes card-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.btn-sm{padding:6px 14px!important;font-size:.78rem!important}.btn-icon-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.list-view{flex:1;overflow-y:auto;padding:0 24px 32px;display:flex;flex-direction:column;gap:24px}.list-group{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}.list-group-header{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.list-group-header .list-stage-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.list-group-header .list-stage-dot.todo{background:#6b7280}.list-group-header .list-stage-dot.in_progress{background:#3b82f6}.list-group-header .list-stage-dot.in_review{background:#8b5cf6}.list-group-header .list-stage-dot.done{background:#22c55e}.list-group-header .list-stage-label{font-size:.75rem;font-weight:800;letter-spacing:.08em;color:var(--text-secondary);text-transform:uppercase;flex:1}.list-group-header .list-count{background:var(--border-color);color:var(--text-secondary);font-size:.65rem;font-weight:800;padding:2px 8px;border-radius:20px}.list-group-header .list-add-btn{background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;width:26px;height:26px;display:flex;align-items:center;justify-content:center;transition:all .2s}.list-group-header .list-add-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.list-row{display:flex;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--bg-secondary)}.list-row .list-priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.list-row .list-priority-dot.low{background:#22c55e}.list-row .list-priority-dot.medium{background:#eab308}.list-row .list-priority-dot.high{background:#ef4444}.list-row .list-priority-dot.urgent{background:#ef4444;box-shadow:0 0 6px #ef444480}.list-row .list-task-name{flex:1;font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.list-row .list-row-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.list-row .list-date{font-size:.75rem;font-weight:600;color:var(--text-secondary);display:inline-flex;align-items:center}.list-row .list-date.overdue{color:#ef4444}.list-row .list-date.due-today{color:#f97316}.list-row .list-date.due-soon{color:#3b82f6}.list-row .list-badge{padding:3px 10px;border-radius:6px;font-size:.6rem;font-weight:800;letter-spacing:.06em}.list-row .list-assignees{display:flex;align-items:center}.list-row .list-arrow{color:var(--text-secondary);opacity:.4;transition:opacity .2s}.list-row:hover .list-arrow{opacity:1}.quick-create-row{display:flex;align-items:center;gap:12px;padding:10px 20px;border-top:1px solid var(--border-color);background:var(--bg-secondary);animation:card-appear .2s ease-out}.quick-create-row .quick-create-row-input{flex:1;background:var(--bg-surface);border:1px solid var(--accent-color);border-radius:8px;padding:8px 12px;font-size:.88rem;color:var(--text-primary);font-family:inherit;outline:none;box-shadow:0 0 0 3px #3b82f61a}.quick-create-row .quick-create-row-input::placeholder{color:var(--text-secondary);opacity:.6}.quick-create-row .quick-create-actions{display:flex;align-items:center;gap:8px}.description-section{margin-bottom:2rem}.description-section .section-heading.spaced{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.description-section .section-heading.spaced .heading-left{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary)}.description-section .section-heading.spaced .heading-left h3{font-size:.85rem;font-weight:700;letter-spacing:.05em;margin:0;color:var(--text-secondary)!important}.description-section .btn-edit-inline{background:var(--bg-secondary);border:1px solid var(--border-color);padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s}.description-section .btn-edit-inline:hover{background:var(--border-color)}.description-section .description-view{min-height:48px;padding:.75rem 1rem;border-radius:8px;font-size:.95rem;line-height:1.6;color:var(--text-primary);cursor:pointer;transition:background .2s}.description-section .description-view:hover{background:var(--bg-secondary)}.description-section .description-view.empty{background:var(--bg-secondary);color:var(--text-secondary);font-style:italic;opacity:.7}.description-section .description-view p{margin:0 0 1rem}.description-section .description-view ul,.description-section .description-view ol{padding-left:1.5rem;margin-bottom:1rem}.description-section .description-view li{margin-bottom:.25rem}.description-section .description-view strong{font-weight:700}.description-section .description-view em{font-style:italic}.description-section .description-view pre{background:var(--bg-secondary);padding:.75rem;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.85rem;overflow-x:auto;border:1px solid var(--border-color);margin-bottom:1rem}.description-section .description-view a{color:var(--accent-color);text-decoration:underline}.description-section .description-edit-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-md)}.description-section .description-edit-container .editor-toolbar{display:flex;align-items:center;padding:6px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:4px}.description-section .description-edit-container .editor-toolbar .toolbar-group{display:flex;gap:2px}.description-section .description-edit-container .editor-toolbar .toolbar-separator{width:1px;height:20px;background:var(--border-color);margin:0 4px}.description-section .description-edit-container .editor-toolbar button{background:none;border:none;width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s}.description-section .description-edit-container .editor-toolbar button:hover{background:var(--border-color);color:var(--text-primary)}.description-section .description-edit-container .editor-toolbar button.active{background:var(--accent-color);color:#fff}.description-section .description-edit-container .editor-toolbar button svg{stroke-width:2.5}.description-section .description-edit-container .description-editor{min-height:120px;max-height:400px;overflow-y:auto;padding:1rem;font-size:.95rem;line-height:1.6;outline:none;color:var(--text-primary)}.description-section .description-edit-container .description-editor:empty:before{content:attr(placeholder);color:var(--text-secondary);opacity:.6}.description-section .description-edit-container .unsaved-warning{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f59e0b1a;border-left:3px solid #f59e0b;margin:8px 12px;border-radius:4px;color:#b45309;font-size:.8rem;font-weight:600;animation:slideInDescription .3s ease-out}.description-section .description-edit-container .unsaved-warning svg{color:#f59e0b;flex-shrink:0}.description-section .description-edit-container .editor-actions{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-top:1px solid var(--border-color);position:relative;z-index:10}.description-section .description-edit-container .editor-actions .left-actions{display:flex;gap:.75rem}.description-section .description-edit-container .editor-actions .keyboard-hint{font-size:.7rem;color:var(--text-secondary);font-weight:500;opacity:.6}@keyframes slideInDescription{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.trello-card{position:relative;background:var(--bg-surface);border-radius:12px;border:1px solid var(--border-color);padding:12px 16px 16px;margin-bottom:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001f;display:flex;flex-direction:column;gap:8px}.trello-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026;border-color:var(--accent-color)}.trello-card.task-done .card-title{color:var(--text-secondary);text-decoration:line-through;opacity:.7}.trello-card .card-status-toggle{position:absolute;top:-8px;left:-8px;width:24px;height:24px;background:var(--bg-surface);color:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000001a;z-index:5;border:2px solid var(--border-color);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0}.trello-card .card-status-toggle:hover{transform:scale(1.1);border-color:var(--success-color);box-shadow:0 4px 12px #10b98133}.trello-card .card-status-toggle.is-done{background:var(--success-color);border-color:var(--success-color);color:#fff;box-shadow:0 4px 10px #10b98166}.trello-card .card-status-toggle.is-done svg{animation:checkBounce .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes checkBounce{0%{transform:scale(0)}to{transform:scale(1)}}.trello-card .card-title{margin:0;font-size:.95rem;font-weight:700;line-height:1.4;color:var(--text-primary)}.trello-card .card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.trello-card .card-meta .meta-icon{display:flex;align-items:center;gap:4px;color:var(--text-secondary);opacity:.6;transition:opacity .2s}.trello-card .card-meta .meta-icon:hover{opacity:1}.trello-card .card-meta .meta-icon svg{flex-shrink:0;stroke-width:3}.trello-card .card-meta .meta-icon .meta-count{font-size:.7rem;font-weight:800;font-family:JetBrains Mono,monospace}.trello-card .card-meta .meta-icon.all-done{color:#10b981;opacity:.9}.trello-card .date-badge{padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;gap:4px;border:1px solid transparent}.trello-card .date-badge.overdue{background:#ef444426;color:#ef4444;border-color:#ef444433}.trello-card .date-badge.due-today{background:#f9731626;color:#f97316;border-color:#f9731633}.trello-card .date-badge.due-soon{background:#3b82f626;color:#3b82f6;border-color:#3b82f633}.trello-card .date-badge.complete{background:#10b981;color:#fff;border:none}.trello-card .date-badge.complete svg{color:#fff}.trello-card .assignee-stack{display:flex;align-items:center}.trello-card .assignee-stack .mini-avatar{width:24px;height:24px;border-radius:50%;border:2px solid var(--bg-surface);margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 2px 4px #0000001a}.trello-card .assignee-stack .mini-avatar:first-child{margin-left:0}.task-list{padding:8px;display:flex;flex-direction:column;gap:4px;min-height:100px}.detail-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.detail-header-top .breadcrumb-subtle{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:500;color:var(--text-secondary);opacity:.7}.detail-header-top .breadcrumb-subtle .crumb{cursor:pointer}.detail-header-top .breadcrumb-subtle .crumb:hover{color:var(--accent-color)}.detail-header-top .breadcrumb-subtle .sep{opacity:.4}.detail-header-top .breadcrumb-subtle .crumb.active{font-weight:700;color:var(--text-primary);opacity:1}.header-actions{display:flex;align-items:center;gap:12px}.header-actions .btn-action-light,.header-actions .btn-action-primary,.header-actions .btn-action-gray,.header-actions .btn-action-share{padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;border:1px solid transparent}.header-actions .btn-action-light{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.header-actions .btn-action-light:hover{background:var(--border-color);transform:translateY(-1px)}.header-actions .btn-action-primary{background:var(--accent-color);color:#fff}.header-actions .btn-action-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.header-actions .btn-action-gray{background:var(--bg-secondary);color:var(--text-secondary)}.header-actions .btn-action-gray:hover{background:var(--border-color);color:var(--text-primary)}.header-actions .btn-action-share{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color)}.header-actions .btn-action-share:hover{color:var(--accent-color);border-color:var(--accent-color);background:#3b82f60d;transform:translateY(-1px)}.header-actions .btn-close-modal{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.header-actions .btn-close-modal:hover{color:var(--text-primary);transform:rotate(90deg)}.detail-title-section{margin-bottom:28px}.detail-title-section .title-input-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:6px}.detail-title-section .title-input-wrapper .title-icon{color:var(--text-secondary);opacity:.6}.detail-title-section .title-input-wrapper .title-editable{flex:1;background:transparent;border:1px solid transparent;border-radius:6px;font-size:1.5rem;font-weight:800;color:var(--text-primary);padding:4px 8px;margin-left:-8px;outline:none;transition:all .2s}.detail-title-section .title-input-wrapper .title-editable:hover{background:var(--bg-secondary)}.detail-title-section .title-input-wrapper .title-editable:focus{background:var(--bg-surface);border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a}.detail-title-section .project-context{font-size:.75rem;color:var(--text-secondary);margin:0 0 0 32px}.detail-title-section .project-context span{font-weight:700;color:var(--text-primary);border-bottom:1px dashed var(--border-color);cursor:pointer}.detail-meta-row{display:flex;flex-wrap:wrap;gap:32px;margin-bottom:40px;padding-left:32px}.meta-item-group{display:flex;flex-direction:column;gap:8px}.meta-item-group .meta-label-caps{font-size:.6rem;font-weight:800;color:var(--text-secondary);letter-spacing:.08em;margin:0}.meta-item-group .meta-content{display:flex;align-items:center;gap:8px}.avatar-stack-sm{display:flex;align-items:center}.avatar-stack-sm .avatar-sm{width:28px;height:28px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--bg-surface);margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:var(--text-primary);overflow:hidden}.avatar-stack-sm .avatar-sm:first-child{margin-left:0}.avatar-stack-sm .avatar-sm img{width:100%;height:100%;object-fit:cover}.avatar-stack-sm .more-badge{width:28px;height:28px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--bg-surface);margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:var(--text-secondary)}.btn-add-meta{width:28px;height:28px;border-radius:50%;background:var(--bg-secondary);border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-add-meta:hover{background:var(--border-color);color:var(--text-primary);transform:scale(1.05)}.trello-badge{padding:6px 10px;border-radius:8px;font-size:.7rem;font-weight:700;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border:1px solid var(--border-color);transition:all .2s}.trello-badge:hover{background:var(--border-color);transform:translateY(-1px)}.trello-badge.status[data-status=done]{background:#22c55e1a;color:#22c55e;border-color:#22c55e33}.trello-badge.status[data-status=in_progress]{background:#3b82f61a;color:#3b82f6;border-color:#3b82f633}.trello-badge.priority[data-priority=high]{background:#ef44441a;color:#ef4444;border-color:#ef444433}.trello-date-badge{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;position:relative}.trello-date-badge:hover{background:var(--border-color);transform:translateY(-1px)}.trello-date-badge .date-check{width:16px;height:16px;border-radius:4px;border:2px solid var(--border-color);cursor:pointer}.trello-date-badge .date-text{font-size:.75rem;font-weight:600;color:var(--text-primary)}.trello-date-badge .urgency-tag{font-size:.55rem;font-weight:800;padding:2px 6px;border-radius:4px;margin-left:4px}.trello-date-badge.overdue{background:#ef44441a;border-color:#ef444433}.trello-date-badge.overdue .urgency-tag{background:#ef4444;color:#fff}.trello-date-badge.due-today{background:#eab3081a;border-color:#eab30833}.trello-date-badge.due-today .urgency-tag{background:#eab308;color:#000}.meta-content,.status-dropdown-wrap,.date-row{position:relative}.assignee-popover,.custom-date-picker,.status-popover{position:absolute;top:100%;left:0;margin-top:8px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 32px #00000040;z-index:1000;width:300px;overflow:hidden;animation:popDown .15s cubic-bezier(0,0,.2,1)}@keyframes popDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.popover-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color)}.popover-header h3{margin:0;font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.popover-header .close-popover{background:none;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:0}.popover-header .close-popover:hover{color:var(--text-primary)}.popover-search{padding:12px 16px}.popover-search .search-input-wrap{display:flex;align-items:center;background:var(--bg-secondary);border-radius:6px;padding:6px 12px;gap:8px;border:1px solid transparent}.popover-search .search-input-wrap:focus-within{border-color:var(--accent-color);background:var(--bg-surface)}.popover-search .search-input-wrap .search-icon{opacity:.5;font-size:.8rem}.popover-search .search-input-wrap input{background:none;border:none;font-size:.75rem;width:100%;outline:none;padding:0}.popover-section{padding:4px 0}.popover-section .section-label{font-size:.65rem;font-weight:800;color:var(--text-secondary);padding:8px 16px;display:block;letter-spacing:.05em}.suggested-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:0 16px 12px;gap:12px}.suggested-grid .suggested-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.suggested-grid .suggested-item .avatar-wrap{position:relative;width:44px;height:44px;border-radius:50%;background:var(--bg-secondary);border:2px solid transparent;transition:all .2s;overflow:visible}.suggested-grid .suggested-item .avatar-wrap img{width:100%;height:100%;border-radius:50%;object-fit:cover}.suggested-grid .suggested-item .avatar-wrap span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--text-secondary);font-size:.9rem}.suggested-grid .suggested-item .avatar-wrap .plus-indicator{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--text-secondary)}.suggested-grid .suggested-item .avatar-wrap .plus-indicator.added{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.suggested-grid .suggested-item:hover .avatar-wrap{transform:scale(1.05)}.suggested-grid .suggested-item .suggest-name{font-size:.65rem;font-weight:600;color:var(--text-secondary)}.members-list{max-height:240px;overflow-y:auto}.members-list .list-member{display:flex;align-items:center;gap:12px;padding:8px 16px;cursor:pointer;transition:background .15s}.members-list .list-member:hover{background:var(--bg-secondary)}.members-list .list-member .member-avatar-lg{width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-secondary);font-size:.75rem}.members-list .list-member .member-avatar-lg img{width:100%;height:100%;object-fit:cover}.members-list .list-member .member-info{flex:1}.members-list .list-member .member-info .name{font-size:.8rem;font-weight:600;color:var(--text-primary)}.members-list .list-member .custom-checkbox{width:18px;height:18px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff}.members-list .list-member .custom-checkbox.checked{background:var(--accent-color);border-color:var(--accent-color)}.picker-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color)}.picker-header .nav-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0 8px}.picker-header .nav-btn:hover{color:var(--text-primary)}.picker-header .month-year{font-size:.85rem;font-weight:700;color:var(--text-primary)}.days-header{display:grid;grid-template-columns:repeat(7,1fr);padding:8px 12px}.days-header span{text-align:center;font-size:.6rem;font-weight:800;color:var(--text-secondary);opacity:.6}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:0 12px 12px;gap:4px}.calendar-grid .grid-day{height:32px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);cursor:pointer;border-radius:6px}.calendar-grid .grid-day:hover{background:var(--bg-secondary);color:var(--text-primary)}.calendar-grid .grid-day.today{color:var(--accent-color);font-weight:800}.calendar-grid .grid-day.selected{background:var(--accent-color)!important;color:#fff!important}.calendar-grid .grid-day:not(.current-month){opacity:.3}.picker-footer{padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.picker-footer .time-select-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.picker-footer .time-label-group{flex:1}.picker-footer .time-label-group .label{font-size:.6rem;font-weight:800;color:var(--text-secondary);display:block;margin-bottom:4px}.picker-footer .time-label-group .digital-time{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;width:100%;font-size:.8rem;font-weight:700;padding:4px}.picker-footer .picker-actions{display:flex;gap:8px}.picker-footer .picker-actions button{flex:1;padding:8px;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer}.picker-footer .picker-actions .btn-remove{background:none;border:1px solid var(--border-color);color:var(--text-secondary)}.picker-footer .picker-actions .btn-remove:hover{background:#ef44441a;color:#ef4444;border-color:#ef4444}.picker-footer .picker-actions .btn-save{background:var(--accent-color);border:none;color:#fff}.picker-footer .picker-actions .btn-save:hover{background:var(--accent-hover);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.3)}.status-popover{width:180px;padding:4px}.status-popover .status-option{padding:8px 12px;font-size:.75rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .15s}.status-popover .status-option:hover{background:var(--bg-secondary)}.status-popover .status-option[data-status=done],.status-popover .status-option[data-priority=urgent]{color:#22c55e}.status-popover .status-option[data-status=in_progress],.status-popover .status-option[data-priority=high]{color:#3b82f6}.status-popover .status-option[data-priority=medium]{color:#eab308}.account-popover{position:absolute;bottom:100%;left:10px;right:10px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #0000004d;margin-bottom:12px;z-index:1000;padding:8px;animation:slideUp .2s ease-out}.account-popover .pop-label{display:block;padding:8px 12px;font-size:.65rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.account-popover .org-list-account{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.account-popover .org-list-account .org-item-account{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-primary);font-size:.875rem;font-weight:500}.account-popover .org-list-account .org-item-account:hover{background:var(--bg-secondary)}.account-popover .org-list-account .org-item-account.active{background:#4f7ef71a;color:var(--accent-color);font-weight:600}.account-popover .org-list-account .org-item-account .org-icon-account{width:28px;height:28px;border-radius:6px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.account-popover .org-list-account .org-item-account .org-name-account{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-popover .popover-actions{border-top:1px solid var(--border-color);padding-top:8px}.account-popover .popover-actions .pop-action-btn{width:100%;text-align:left;background:none;border:none;padding:10px 12px;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;border-radius:8px;display:flex;align-items:center;transition:background .2s}.account-popover .popover-actions .pop-action-btn:hover{background:var(--bg-secondary)}.account-popover .popover-actions .pop-action-btn.logout-accent{color:#ef4444}.account-popover .popover-actions .pop-action-btn.logout-accent:hover{background:#fee2e2}.account-popover .popover-actions .pop-hr{border:0;border-top:1px solid var(--border-color);margin:4px 0;opacity:.5}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:2500}.modal-overlay .modal-card{width:100%;max-width:440px;background:var(--bg-surface);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 20px 60px #0006;overflow:hidden}.modal-overlay .modal-card .modal-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-overlay .modal-card .modal-header h3{margin:0;font-size:1.1rem;font-weight:700}.modal-overlay .modal-card .modal-header .close-x{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer}.modal-overlay .modal-card .modal-header .close-x:hover{color:var(--text-primary)}.modal-overlay .modal-card .modal-body{padding:24px}.modal-overlay .modal-card .modal-body .modal-desc{font-size:.875rem;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.modal-overlay .modal-card .modal-body .form-group-org{display:flex;flex-direction:column;gap:8px}.modal-overlay .modal-card .modal-body .form-group-org .input-label{font-size:.7rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.modal-overlay .modal-card .modal-body .form-group-org .org-input{width:100%;padding:12px;border-radius:8px;font-weight:600;font-size:1rem;border:2px solid var(--border-color)}.modal-overlay .modal-card .modal-body .form-group-org .org-input:focus{border-color:var(--accent-color)}.modal-overlay .modal-card .modal-footer{padding:16px 24px;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.modal-overlay .modal-card .modal-footer button{padding:10px 24px;border-radius:8px;font-size:.875rem;font-weight:700;cursor:pointer;border:none}.modal-overlay .modal-card .modal-footer .btn-secondary{background:none;color:var(--text-secondary)}.modal-overlay .modal-card .modal-footer .btn-secondary:hover{color:var(--text-primary)}.modal-overlay .modal-card .modal-footer .btn-primary{background:var(--accent-color);color:#fff}.modal-overlay .modal-card .modal-footer .btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.3)}.modal-overlay .modal-card .modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.active-org-badge{display:inline-block;font-size:.6rem;font-weight:800;color:var(--accent-color);background:#4f7ef71a;padding:2px 6px;border-radius:4px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em;width:fit-content}.account-settings-card{max-width:500px!important}.account-settings-card .modal-tabs{display:flex;padding:0 24px;border-bottom:1px solid var(--border-color);gap:24px}.account-settings-card .modal-tabs .tab-btn{background:none;border:none;padding:12px 0;font-size:.85rem;font-weight:700;color:var(--text-secondary);cursor:pointer;position:relative;transition:all .2s}.account-settings-card .modal-tabs .tab-btn:hover{color:var(--text-primary)}.account-settings-card .modal-tabs .tab-btn.active{color:var(--accent-color)}.account-settings-card .modal-tabs .tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-color)}.account-settings-card .profile-header-edit{display:flex;align-items:center;gap:20px;margin-bottom:24px}.account-settings-card .profile-header-edit .avatar-large{width:64px;height:64px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.account-settings-card .profile-header-edit .profile-info h4{margin:0 0 4px;font-size:1.1rem}.account-settings-card .profile-header-edit .profile-info p{margin:0;font-size:.85rem;color:var(--text-secondary)}.account-settings-card .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.account-settings-card .tab-desc{font-size:.875rem;color:var(--text-secondary);margin-bottom:24px}.account-settings-card .update-btn{width:100%;margin-top:12px;padding:12px!important}.copy-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.copy-modal-overlay .copy-modal-card{width:100%;max-width:400px;background:var(--bg-surface);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 20px 50px #0006;overflow:hidden}.copy-modal-overlay .copy-modal-card .copy-modal-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.copy-modal-overlay .copy-modal-card .copy-modal-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.copy-modal-overlay .copy-modal-card .copy-modal-header .close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer}.copy-modal-overlay .copy-modal-card .copy-modal-header .close-btn:hover{color:var(--text-primary)}.copy-modal-overlay .copy-modal-card .copy-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.copy-modal-overlay .copy-modal-card .copy-modal-body .copy-form-group{display:flex;flex-direction:column;gap:6px}.copy-modal-overlay .copy-modal-card .copy-modal-body .copy-form-group label{font-size:.7rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.copy-modal-overlay .copy-modal-card .copy-modal-body .copy-form-group select{width:100%;padding:10px;border-radius:8px;font-weight:600;font-size:.9rem}.copy-modal-overlay .copy-modal-card .copy-modal-footer{padding:16px 20px;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.copy-modal-overlay .copy-modal-card .copy-modal-footer button{padding:8px 20px;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;border:none}.copy-modal-overlay .copy-modal-card .copy-modal-footer .btn-cancel{background:none;color:var(--text-secondary)}.copy-modal-overlay .copy-modal-card .copy-modal-footer .btn-cancel:hover{color:var(--text-primary)}.copy-modal-overlay .copy-modal-card .copy-modal-footer .btn-confirm{background:var(--accent-color);color:#fff}.copy-modal-overlay .copy-modal-card .copy-modal-footer .btn-confirm:hover{background:var(--accent-hover)}.copy-modal-overlay .copy-modal-card .copy-modal-footer .btn-confirm:disabled{opacity:.5;cursor:not-allowed}app-task-detail{display:block;--aside-width: 360px;--header-height: 56px;--panel-padding: 32px}@media (max-width: 768px){app-task-detail{--aside-width: 100%;--panel-padding: 20px}}.task-detail-container{max-width:1400px;width:96%;height:94vh;display:flex;flex-direction:column}@media (max-width: 768px){.task-detail-container{width:100%;height:100%;max-height:100vh;border-radius:0}}.detail-top-nav{height:var(--header-height);display:flex!important;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border-color);background:var(--bg-surface);flex-shrink:0;z-index:20}@media (max-width: 768px){.detail-top-nav{padding:0 16px}}.detail-top-nav .nav-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary)}.detail-top-nav .nav-breadcrumbs .root{font-weight:600;color:var(--text-primary)}.detail-top-nav .nav-breadcrumbs .sep{opacity:.5}.detail-top-nav .nav-breadcrumbs .leaf{opacity:.8}.detail-top-nav .nav-actions{display:flex;align-items:center;gap:12px}.detail-top-nav .nav-actions .ai-badge{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;box-shadow:0 4px 12px #7c3aed4d}.detail-top-nav .nav-actions .h-divider{width:1px;height:20px;background:var(--border-color);margin:0 4px}.details-layout-body{flex:1;display:flex!important;overflow:hidden;min-height:0}@media (max-width: 1024px){.details-layout-body{flex-direction:column;overflow-y:auto;display:block!important;height:auto}}.column-primary{flex:1;padding:24px 40px;overflow-y:auto;border-right:1px solid var(--border-color)}@media (max-width: 1024px){.column-primary{padding:16px;flex:none;border-right:none;overflow-y:visible}}.column-secondary{width:380px;background:var(--bg-surface);display:flex!important;flex-direction:column;position:relative}@media (max-width: 1024px){.column-secondary{width:100%;border-top:1px solid var(--border-color);background:var(--bg-primary)}}.task-header-section{margin-bottom:28px}.task-meta-top{margin-bottom:12px}.task-id-badge{font-size:.75rem;font-weight:800;color:var(--text-secondary);background:var(--bg-secondary);padding:3px 8px;border-radius:6px;letter-spacing:.05em;border:1px solid var(--border-color)}.task-main-title{font-size:2rem;font-weight:700;color:var(--text-primary);width:100%;border:1px solid transparent;background:transparent;outline:none;padding:6px 0;transition:all .2s;border-radius:8px}.task-main-title:focus{background:var(--bg-secondary);border-color:var(--border-color);padding-left:14px;margin-left:-14px;width:calc(100% + 28px)}.attributes-grid-clickup{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 40px;padding-bottom:32px;border-bottom:1px solid var(--border-color);margin-bottom:40px}.attr-item{display:flex;align-items:center}.attr-item label{width:var(--attr-label-width);font-size:.8rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:10px}.attr-item label i{opacity:.7;font-size:1rem}.attr-val{flex:1;position:relative}.dropdown-popover-clickup{position:absolute;top:calc(100% + 4px);left:0;width:180px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-xl);z-index:1100;padding:6px}.dropdown-popover-clickup .pop-item{padding:8px 12px;font-size:.85rem;font-weight:600;cursor:pointer;border-radius:6px;display:flex;align-items:center;gap:10px;transition:all .2s;color:var(--text-primary)}.dropdown-popover-clickup .pop-item:hover{background:var(--bg-hover);color:var(--accent-color)}.dropdown-popover-clickup .pop-item .status-dot{width:8px;height:8px;border-radius:50%;background:#ccc}.dropdown-popover-clickup .pop-item .status-dot[data-status=todo]{background:#94a3b8}.dropdown-popover-clickup .pop-item .status-dot[data-status=in_progress]{background:#3b82f6}.dropdown-popover-clickup .pop-item .status-dot[data-status=in_review]{background:#a855f7}.dropdown-popover-clickup .pop-item .status-dot[data-status=done]{background:#22c55e}.status-pill-clickup{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);transition:all .2s}.status-pill-clickup:hover{background:var(--bg-hover);border-color:var(--text-muted)}.status-pill-clickup .chevron{font-size:.9rem;opacity:.6}.status-pill-clickup[data-status=todo]{border-left:4px solid #94a3b8}.status-pill-clickup[data-status=in_progress]{border-left:4px solid #3b82f6}.status-pill-clickup[data-status=in_review]{border-left:4px solid #a855f7}.status-pill-clickup[data-status=done]{border-left:4px solid #22c55e}.dropdown-popover-large-group{position:absolute;top:calc(100% + 8px);left:0;width:280px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 15px 45px #00000080;z-index:1200;overflow:hidden;display:flex;flex-direction:column;animation:fadeInDown .2s ease-out}.pop-content-scroll{max-height:320px;overflow-y:auto;padding:8px 0}.group-section{padding:8px 0}.group-section .group-label{padding:0 16px 8px;font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.member-row{display:flex;align-items:center;gap:12px;padding:8px 16px;cursor:pointer;transition:all .2s}.member-row:hover{background:var(--bg-secondary)}.member-row .m-avatar{width:28px;height:28px;border-radius:8px;overflow:hidden;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;position:relative}.member-row .m-avatar img{width:100%;height:100%;object-fit:cover}.member-row .m-avatar .initials{font-size:.75rem;font-weight:700;color:var(--text-primary)}.member-row .m-avatar .status-dot{position:absolute;bottom:0;right:0;width:8px;height:8px;border-radius:50%;border:2px solid var(--bg-surface)}.member-row .m-avatar .status-dot.online{background:#22c55e}.member-row .m-avatar .status-dot.offline{background:#94a3b8}.member-row .m-name{flex:1;font-size:.85rem;font-weight:600;color:var(--text-primary)}.member-row .m-check{color:var(--accent-color);font-weight:900}.pop-search{padding:14px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.pop-search input{width:100%;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;color:var(--text-primary);outline:none}.pop-search input::placeholder{color:var(--text-muted)}.pop-search input:focus{border-color:var(--accent-color)}.assignee-stack-clickup{display:flex;align-items:center;position:relative;padding-left:0}.assignee-stack-clickup .avatar-item{width:32px;height:32px;border-radius:50%;border:2px solid var(--bg-surface);overflow:hidden;margin-left:-8px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;position:relative;cursor:default;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1}.assignee-stack-clickup .avatar-item:first-child{margin-left:0}.assignee-stack-clickup .avatar-item:hover{transform:translateY(-4px) scale(1.1);z-index:10;box-shadow:0 4px 12px #0000004d}.assignee-stack-clickup .avatar-item img{width:100%;height:100%;object-fit:cover}.assignee-stack-clickup .avatar-item .initials{font-size:.75rem;font-weight:800;color:#fff;letter-spacing:-.02em}.assignee-stack-clickup .btn-add-circle{width:32px;height:32px;border-radius:50%;border:2px dashed var(--border-color);background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;margin-left:8px;cursor:pointer;font-size:1.2rem;font-weight:300;transition:all .2s}.assignee-stack-clickup .btn-add-circle:hover{border-color:var(--accent-color);color:var(--accent-color);background:rgba(var(--accent-color-rgb),.05);transform:scale(1.1)}.assignee-stack-clickup .count-badge{margin-left:8px;font-size:.8rem;font-weight:700;color:var(--text-secondary);background:var(--bg-secondary);padding:2px 8px;border-radius:12px}.member-row .m-name{color:var(--text-primary);font-weight:500}.member-row:hover{background:var(--bg-hover)}.subtask-header-clickup{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.subtask-header-clickup .left{display:flex;align-items:center;gap:20px}.subtask-header-clickup .left h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.date-popover-refined{position:absolute;top:calc(100% + 12px);left:0;width:320px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff0d;z-index:1500;padding:20px;display:flex;flex-direction:column;gap:16px;animation:fadeInDown .2s cubic-bezier(.16,1,.3,1)}.date-popover-refined .date-pop-header{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:1.1rem;color:var(--text-primary);padding-bottom:8px}.date-popover-refined .date-pop-header .month-year{display:flex;align-items:center;gap:8px}.date-popover-refined .date-pop-header button{background:rgba(var(--text-muted-rgb),.1);border:none;font-size:1.2rem;color:var(--text-primary);cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.date-popover-refined .date-pop-header button:hover{background:var(--accent-color);color:#fff;transform:scale(1.1)}.date-popover-refined .date-pop-days{display:grid!important;grid-template-columns:repeat(7,1fr)!important;text-align:center;font-size:.7rem;font-weight:900;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding-bottom:8px}.date-popover-refined .date-pop-grid{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:4px}.date-popover-refined .date-pop-grid div{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;cursor:pointer;border-radius:10px;color:var(--text-primary);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.date-popover-refined .date-pop-grid div:hover{background:rgba(var(--accent-color-rgb),.1);color:var(--accent-color)}.date-popover-refined .date-pop-grid div.today{color:var(--accent-color);font-weight:800}.date-popover-refined .date-pop-grid div.today:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--accent-color)}.date-popover-refined .date-pop-grid div.selected{background:var(--accent-color)!important;color:#fff!important;box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.4);transform:scale(1.05)}.date-popover-refined .date-pop-grid div.outside{opacity:.15;pointer-events:none}.date-popover-refined .date-pop-footer{border-top:1px solid var(--border-color);margin-top:10px;padding-top:16px;display:flex;flex-direction:column;gap:16px}.date-popover-refined .date-pop-footer .time-block{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;font-weight:600;color:var(--text-primary)}.date-popover-refined .date-pop-footer .time-block label{display:flex;align-items:center;gap:8px;cursor:pointer}.date-popover-refined .date-pop-footer .time-block label input[type=checkbox]{accent-color:var(--accent-color);width:16px;height:16px}.date-popover-refined .date-pop-footer .time-block input[type=time]{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:5px 10px;font-family:inherit;font-weight:700;outline:none}.date-popover-refined .date-pop-footer .time-block input[type=time]:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.1)}.date-popover-refined .date-pop-footer .date-actions{display:flex;gap:10px}.date-popover-refined .date-pop-footer .date-actions button{flex:1;padding:10px;border-radius:10px;font-weight:800;font-size:.85rem;cursor:pointer;transition:all .2s;border:none;text-transform:uppercase;letter-spacing:.05em}.date-popover-refined .date-pop-footer .date-actions button.clear{background:#ef44441a;color:#ef4444}.date-popover-refined .date-pop-footer .date-actions button.clear:hover{background:#ef4444;color:#fff}.date-popover-refined .date-pop-footer .date-actions button.save{background:var(--accent-color);color:#fff;box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.3)}.date-popover-refined .date-pop-footer .date-actions button.save:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--accent-color-rgb),.4)}.btn-subtle-sm{background:var(--bg-secondary);border:1px solid var(--border-color);padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-subtle-sm:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.description-editor-container{background:var(--bg-surface);border-radius:12px;border:1px solid transparent;transition:all .2s}.description-editor-container.editing{border-color:var(--border-color);box-shadow:var(--shadow-md)}.rich-text-toolbar{display:flex;align-items:center;gap:4px;padding:8px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0}.rich-text-toolbar button{width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;transition:all .2s}.rich-text-toolbar button:hover{background:var(--bg-hover);color:var(--text-primary)}.rich-text-toolbar button.active{color:var(--accent-color);background:#6366f11a}.rich-text-toolbar .t-divider{width:1px;height:16px;background:var(--border-color);margin:0 4px}.rich-description-area{padding:16px;min-height:100px;font-size:1rem;line-height:1.6;color:var(--text-primary);border-radius:12px;outline:none;transition:all .2s}.rich-description-area:empty:before{content:attr(placeholder);color:var(--text-muted);opacity:.6;pointer-events:none}.rich-description-area:focus{background:var(--bg-secondary)}.description-edit-actions{padding:12px 16px;display:flex;align-items:center;gap:12px}.description-edit-actions .unsaved-hint{font-size:.75rem;font-weight:600;color:var(--accent-color);flex:1}.description-edit-actions button{padding:8px 20px;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;border:none}.description-edit-actions .btn-cancel{background:transparent;color:var(--text-secondary)}.description-edit-actions .btn-cancel:hover{color:var(--text-primary)}.description-edit-actions .btn-save{background:var(--accent-color);color:#fff}.description-edit-actions .btn-save:hover{background:var(--accent-hover)}.subtask-table-clickup{border:1px solid var(--border-color);border-radius:12px;background:var(--bg-surface);overflow:hidden;margin-top:12px}.subtask-table-clickup .sub-row{display:grid;grid-template-columns:48px 1fr 100px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-color);transition:all .2s cubic-bezier(.4,0,.2,1)}.subtask-table-clickup .sub-row:last-child{border-bottom:none}.subtask-table-clickup .sub-row:hover{background:var(--bg-secondary)}.subtask-table-clickup .sub-row .col-check{display:flex;justify-content:center}.subtask-table-clickup .sub-row .col-check .check-box{width:20px;height:20px;border:2px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.subtask-table-clickup .sub-row .col-check .check-box:hover{border-color:var(--accent-color)}.subtask-table-clickup .sub-row .col-check .check-box.checked{background:#22c55e;border-color:#22c55e}.subtask-table-clickup .sub-row .col-check .check-box.checked:after{content:"\2713";color:#fff;font-size:14px;font-weight:900}.subtask-table-clickup .sub-row .col-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.subtask-table-clickup .sub-row .col-name.done{text-decoration:line-through;opacity:.5}.subtask-table-clickup .sub-row .col-meta{display:flex;justify-content:flex-end;padding-right:16px;gap:12px}.subtask-table-clickup .sub-row .col-meta .s-action{color:var(--text-muted);cursor:pointer;transition:color .2s}.subtask-table-clickup .sub-row .col-meta .s-action .material-icons{font-size:1.1rem}.subtask-table-clickup .sub-row .col-meta .s-action:hover{color:var(--accent-color)}.subtask-table-clickup .sub-row .col-meta .s-action.delete:hover{color:#f43f5e}.subtask-table-clickup .sub-row .edit-sub-input{width:100%;background:var(--bg-hover);border:1px solid var(--accent-color);border-radius:4px;color:var(--text-primary);padding:4px 8px;font-size:.9rem;outline:none}.subtask-table-clickup .sub-add-row{padding:12px 16px;border-top:1px solid var(--border-color);background:rgba(var(--bg-secondary-rgb),.2)}.subtask-table-clickup .sub-add-row input{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem;padding:4px 0}.subtask-table-clickup .sub-add-row input::placeholder{color:var(--text-muted);opacity:.6}.sidebar-activity-header{height:var(--header-height);padding:0 24px;display:flex!important;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);background:var(--bg-surface)}.sidebar-activity-header h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;margin:0}.sidebar-activity-header .h-icons{display:flex;gap:14px;color:var(--text-secondary);cursor:pointer}.sidebar-activity-header .h-icons span:hover{color:var(--text-primary)}.mention-tag{color:#3b82f6;background:#3b82f626;padding:0 6px;border-radius:4px;font-weight:700;display:inline-block;cursor:default}.mention-tag-feed{color:#3b82f6;font-weight:700}.activity-feed-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.activity-feed-container::-webkit-scrollbar{width:6px}.activity-feed-container::-webkit-scrollbar-track{background:transparent}.activity-feed-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.activity-item{display:flex;flex-direction:column;width:100%;margin-bottom:20px}.activity-event-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:14px 16px;margin-bottom:4px;transition:all .2s ease;position:relative}.activity-event-card:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--text-muted)}.activity-event-card .c-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.activity-event-card .c-header-row .c-author-info{display:flex;align-items:center;gap:10px}.activity-event-card .c-header-row .c-author-info .c-avatar-wrap{width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-event-card .c-header-row .c-author-info .c-avatar-wrap img{width:100%;height:100%;object-fit:cover}.activity-event-card .c-header-row .c-author-info .c-avatar-wrap .initials{font-size:.7rem;font-weight:800;color:#fff}.activity-event-card .c-header-row .c-author-info .u-name{font-size:.85rem;font-weight:700;color:var(--text-primary)}.activity-event-card .c-header-row .c-author-info .u-time{font-size:.8rem;color:var(--text-muted);opacity:.7}.activity-event-card .c-body{font-size:.9rem;color:var(--text-primary);line-height:1.5;padding-left:38px;margin-bottom:12px}.activity-event-card .c-footer-actions{display:flex;justify-content:space-between;align-items:center;padding-left:38px}.activity-event-card .c-footer-actions .left-tools{display:flex;gap:16px}.activity-event-card .c-footer-actions .left-tools .tool-icon{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted);cursor:pointer;transition:all .2s}.activity-event-card .c-footer-actions .left-tools .tool-icon .material-icons{font-size:1.1rem}.activity-event-card .c-footer-actions .left-tools .tool-icon:hover,.activity-event-card .c-footer-actions .left-tools .tool-icon.active{color:var(--accent-color)}.activity-event-card .c-footer-actions .right-tools .reply-link{font-size:.8rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:color .2s}.activity-event-card .c-footer-actions .right-tools .reply-link:hover{color:var(--accent-color);text-decoration:underline}.activity-event-card .inline-editor-clickup{margin-top:12px;margin-left:38px;background:#1e293b;border-radius:10px;padding:14px;border:1px solid rgba(255,255,255,.05)}.activity-event-card .inline-editor-clickup .editor-input{min-height:40px;color:#e2e8f0;font-size:.9rem;outline:none;line-height:1.5}.activity-event-card .inline-editor-clickup .editor-input:empty:before{content:attr(data-placeholder);color:#64748b}.activity-event-card .inline-editor-clickup .editor-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.activity-event-card .inline-editor-clickup .editor-footer .tool-btns{display:flex;gap:14px;color:#94a3b8}.activity-event-card .inline-editor-clickup .editor-footer .tool-btns .material-icons{font-size:1.2rem;cursor:pointer;transition:color .2s}.activity-event-card .inline-editor-clickup .editor-footer .tool-btns .material-icons:hover{color:#fff}.activity-event-card .inline-editor-clickup .editor-footer .action-btns{display:flex;gap:10px;align-items:center}.activity-event-card .inline-editor-clickup .editor-footer .action-btns button{height:32px;padding:0 16px;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s}.activity-event-card .inline-editor-clickup .editor-footer .action-btns .btn-cancel{background:#334155;color:#fff;border:none}.activity-event-card .inline-editor-clickup .editor-footer .action-btns .btn-cancel:hover{background:#475569}.activity-event-card .inline-editor-clickup .editor-footer .action-btns .btn-send{background:#312e81;color:#fff;border:none;display:flex;align-items:center;justify-content:center;width:32px;padding:0}.activity-event-card .inline-editor-clickup .editor-footer .action-btns .btn-send:hover{background:#3730a3;transform:scale(1.05)}.activity-event-card .inline-editor-clickup .editor-footer .action-btns .btn-send .material-icons{font-size:1.1rem}.activity-event-card .nested-replies{margin-top:12px;padding-top:12px;padding-left:38px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--border-color)}.activity-event-card .nested-replies .nested-comment{display:flex;gap:12px}.activity-event-card .nested-replies .nested-comment .n-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;background:var(--bg-secondary);flex-shrink:0;display:flex;align-items:center;justify-content:center}.activity-event-card .nested-replies .nested-comment .n-avatar img{width:100%;height:100%}.activity-event-card .nested-replies .nested-comment .n-avatar .initials{font-size:.6rem;font-weight:800;color:#fff}.activity-event-card .nested-replies .nested-comment .n-content{flex:1}.activity-event-card .nested-replies .nested-comment .n-content .n-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.activity-event-card .nested-replies .nested-comment .n-content .n-user{font-size:.85rem;font-weight:700;color:var(--text-primary)}.activity-event-card .nested-replies .nested-comment .n-content .n-text{font-size:.85rem;color:var(--text-primary);line-height:1.4}.activity-event-card .nested-replies .nested-comment .n-content .n-meta{font-size:.7rem;color:var(--text-muted);display:block;margin-top:2px}.sticky-comment-box{padding:16px 24px;background:var(--bg-surface);border-top:1px solid var(--border-color);position:sticky;bottom:0;z-index:10}.sticky-comment-box .reply-indicator{background:rgba(var(--accent-color-rgb),.1);border-left:3px solid var(--accent-color);padding:8px 12px;margin-bottom:12px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-primary)}.sticky-comment-box .reply-indicator .material-icons{font-size:1rem;cursor:pointer;opacity:.6}.sticky-comment-box .reply-indicator .material-icons:hover{opacity:1}.activity-comment-card.nested{margin-left:48px;margin-top:-10px;border-left:2px solid var(--border-color);border-top:none;border-right:none;border-bottom:none;border-radius:0;background:transparent;box-shadow:none}.activity-comment-card.nested .c-header-row{padding-top:8px}.activity-comment-card.nested .c-footer-actions{background:transparent;border-top:none}.comment-input-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:all .2s}.comment-input-wrapper:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb, 79, 126, 247),.2)}.rich-comment-area{padding:14px 16px;min-height:80px;max-height:300px;overflow-y:auto;font-size:.95rem;line-height:1.6;color:var(--text-primary);outline:none;background:transparent;width:100%}.rich-comment-area:empty:before{content:attr(placeholder);color:var(--text-muted);opacity:.5;pointer-events:none}.comment-footer{padding:8px 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(var(--border-color-rgb, 200, 200, 200),.1);background:rgba(var(--bg-secondary-rgb, 40, 40, 40),.3)}.comment-footer .c-tools{display:flex;gap:12px;color:var(--text-muted)}.comment-footer .c-tools .material-icons{font-size:1.2rem;cursor:pointer}.comment-footer .c-tools .material-icons:hover{color:var(--accent-color)}.comment-footer .btn-save{background:var(--accent-color);color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:.85rem;font-weight:700;cursor:pointer}.comment-footer .btn-save:hover{filter:brightness(1.1)}.assets-section-clickup{margin-top:32px}.assets-section-clickup .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.assets-section-clickup .section-header h3{font-size:1.1rem;font-weight:800;color:var(--text-primary);margin:0}.assets-section-clickup .upload-action-refined{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s;color:var(--text-secondary);font-weight:600;font-size:.9rem}.assets-section-clickup .upload-action-refined .material-icons{font-size:1.2rem;color:var(--accent-color)}.assets-section-clickup .upload-action-refined:hover{background:var(--bg-hover);border-color:var(--accent-color);color:var(--text-primary);transform:translateY(-1px)}.assets-grid-refined{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px}.asset-card-clickup{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;-webkit-user-select:none;user-select:none}.asset-card-clickup:hover{transform:translateY(-4px);border-color:var(--accent-color);box-shadow:0 12px 30px #0006}.asset-card-clickup:hover .overlay-actions{opacity:1}.asset-card-clickup.selected{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color)}.asset-card-clickup .thumb-container{height:140px;background:#111827;position:relative;display:flex;align-items:center;justify-content:center}.asset-card-clickup .thumb-container img{width:100%;height:100%;object-fit:cover}.asset-card-clickup .thumb-container .type-placeholder{font-size:2.5rem;color:var(--text-muted);opacity:.4}.asset-card-clickup .thumb-container .top-left-badge{position:absolute;top:10px;left:10px;width:14px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.2)}.asset-card-clickup .thumb-container .bottom-info-bar{position:absolute;bottom:0;left:0;right:0;padding:6px 10px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(transparent,#000c)}.asset-card-clickup .thumb-container .bottom-info-bar .stat-item{display:flex;align-items:center;gap:4px;color:#fff;font-size:.75rem;font-weight:700}.asset-card-clickup .thumb-container .bottom-info-bar .stat-item .material-icons{font-size:.9rem}.asset-card-clickup .card-details{padding:12px;display:flex;flex-direction:column;gap:4px}.asset-card-clickup .card-details .asset-name{font-size:.85rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-card-clickup .card-details .asset-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted)}.asset-card-clickup .card-details .asset-meta .author{font-weight:500}.asset-card-clickup .card-details .asset-meta .more-btn{cursor:pointer;padding:2px;border-radius:4px}.asset-card-clickup .card-details .asset-meta .more-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.asset-card-clickup .approval-status-box{margin-top:8px;padding:6px 10px;background:var(--bg-secondary);border-radius:6px;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:800;color:var(--text-secondary);transition:all .2s}.asset-card-clickup .approval-status-box:hover{background:var(--bg-hover);color:var(--text-primary)}.asset-card-clickup .approval-status-box.status-approved{border-left:3px solid #22c55e;color:#22c55e}.asset-card-clickup .approval-status-box.status-progress{border-left:3px solid #3b82f6;color:#3b82f6}.asset-card-clickup .approval-status-box.status-needs{border-left:3px solid #fbbf24;color:#fbbf24}.asset-card-clickup .approval-status-box.status-rejected{border-left:3px solid #f43f5e;color:#f43f5e}.asset-card-clickup .approval-status-box .material-icons{font-size:1rem}.context-menu-clickup{position:fixed;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 40px #00000080;z-index:3000;width:220px;padding:8px 0;animation:contextShow .15s ease-out}.context-menu-clickup .menu-item{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:.9rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .15s}.context-menu-clickup .menu-item .material-icons{font-size:1.2rem;color:var(--text-muted)}.context-menu-clickup .menu-item:hover{background:var(--accent-color);color:#fff}.context-menu-clickup .menu-item:hover .material-icons{color:#fff}.context-menu-clickup .menu-item.delete{color:#f43f5e}.context-menu-clickup .menu-item.delete:hover{background:#f43f5e;color:#fff}.context-menu-clickup .menu-item .sub-indicator{margin-left:auto;font-size:1.1rem}.context-menu-clickup .menu-sep{height:1px;background:var(--border-color);margin:6px 0}@keyframes contextShow{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.upload-progress-refined{margin:20px 0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:12px}.upload-progress-refined .info{font-size:.75rem;font-weight:800;color:var(--text-primary);margin-bottom:8px}.upload-progress-refined .bar{height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.upload-progress-refined .bar .fill{height:100%;background:var(--accent-color);transition:width .3s}.sticky-comment-box{background:var(--bg-surface);border-top:1px solid var(--border-color);padding:24px}.comment-input-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s}.comment-input-wrapper:focus-within{border-color:var(--accent-color);background:var(--bg-surface)}.comment-input-wrapper textarea{color:var(--text-primary);border:none;background:transparent;width:100%;min-height:80px;padding:10px;resize:none;font-size:.9rem;outline:none}.comment-input-wrapper textarea::placeholder{color:var(--text-muted);opacity:.6}.comment-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 12px}.comment-footer .c-tools{display:flex;gap:12px;color:var(--text-muted);font-size:1.1rem}.comment-footer .c-tools span{cursor:pointer;transition:color .2s}.comment-footer .c-tools span:hover{color:var(--accent-color)}.date-pill-clickup{color:var(--text-primary);font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px}.date-pill-clickup:hover{background:var(--bg-hover)}.priority-pill-clickup{color:var(--text-primary);font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:6px}.priority-pill-clickup:hover{background:var(--bg-hover)}.priority-pill-clickup .flag{font-style:normal;filter:none}.priority-pill-clickup .flag[data-priority=urgent]{color:#f43f5e}.priority-pill-clickup .flag[data-priority=high]{color:#f87171}.priority-pill-clickup .flag[data-priority=medium]{color:#fbbf24}.priority-pill-clickup .flag[data-priority=low]{color:#94a3b8}.dropdown-popover-clickup .pop-item .flag{font-style:normal;filter:none;padding-right:4px}.dropdown-popover-clickup .pop-item .flag[data-priority=urgent]{color:#f43f5e}.dropdown-popover-clickup .pop-item .flag[data-priority=high]{color:#f87171}.dropdown-popover-clickup .pop-item .flag[data-priority=medium]{color:#fbbf24}.dropdown-popover-clickup .pop-item .flag[data-priority=low]{color:#94a3b8}@keyframes modalUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.column-primary,.column-secondary{display:flex!important;flex-direction:column}.attributes-grid-clickup{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 40px;padding:8px 0;margin-bottom:32px;border-bottom:1px solid var(--border-color)}@media (max-width: 640px){.attributes-grid-clickup{grid-template-columns:1fr;gap:12px}}.attributes-grid-clickup .attr-item{display:flex;align-items:center;font-size:.875rem}.attributes-grid-clickup .attr-item label{width:100px;color:var(--text-muted);display:flex;align-items:center;gap:8px;flex-shrink:0}.attributes-grid-clickup .attr-item .attr-val{flex:1;position:relative}.invite-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2100}.invite-modal-overlay .invite-modal-refined{background:#141721;width:650px;border-radius:12px;border:1px solid #2D313E;box-shadow:0 32px 64px #0009;overflow:hidden;color:#fff}.invite-modal-overlay .invite-modal-refined .modal-main{padding:24px}.invite-modal-overlay .invite-modal-refined .modal-main .modal-header-nav{display:flex;align-items:center;gap:12px;margin-bottom:24px}.invite-modal-overlay .invite-modal-refined .modal-main .modal-header-nav .material-icons{color:var(--text-secondary)}.invite-modal-overlay .invite-modal-refined .modal-main .modal-header-nav h3{margin:0;font-size:16px;font-weight:500}.invite-modal-overlay .invite-modal-refined .modal-main .input-role-group{display:flex;align-items:center;gap:0;border:2px solid #5B5EEF;border-radius:8px;overflow:hidden;margin-bottom:8px;position:relative}.invite-modal-overlay .invite-modal-refined .modal-main .input-role-group input{flex:1;background:transparent;border:none;color:#fff;padding:12px 16px;outline:none}.invite-modal-overlay .invite-modal-refined .modal-main .input-role-group input::placeholder{color:#555}.invite-modal-overlay .invite-modal-refined .modal-main .input-role-group .role-picker-trigger{height:100%;min-height:48px;padding:0 16px;display:flex;align-items:center;gap:4px;cursor:pointer;font-size:14px;color:#ccc;border-left:1px solid #2D313E}.invite-modal-overlay .invite-modal-refined .modal-main .input-role-group .role-picker-trigger:hover{background:#ffffff0d}.invite-modal-overlay .invite-modal-refined .modal-main .helper-text{color:#666;font-size:12px;margin-bottom:24px}.invite-modal-overlay .invite-modal-refined .modal-main .suggested-section .section-label{color:#888;font-size:13px;margin-bottom:12px}.invite-modal-overlay .invite-modal-refined .modal-main .suggested-section .suggested-list{display:flex;flex-direction:column;gap:4px}.invite-modal-overlay .invite-modal-refined .modal-main .suggested-section .suggested-list .suggested-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;cursor:pointer}.invite-modal-overlay .invite-modal-refined .modal-main .suggested-section .suggested-list .suggested-item:hover{background:#2d313e}.invite-modal-overlay .invite-modal-refined .modal-main .suggested-section .suggested-list .suggested-item img{width:24px;height:24px;border-radius:50%}.invite-modal-overlay .invite-modal-refined .modal-main .suggested-section .suggested-list .suggested-item .user-info{display:flex;gap:8px;align-items:center}.invite-modal-overlay .invite-modal-refined .modal-main .suggested-section .suggested-list .suggested-item .user-info .u-name{font-weight:500;font-size:14px}.invite-modal-overlay .invite-modal-refined .modal-main .suggested-section .suggested-list .suggested-item .user-info .u-email{font-size:12px;color:#666}.invite-modal-overlay .invite-modal-refined .modal-main .message-section{margin-top:32px;border-top:1px solid #2D313E;padding-top:24px}.invite-modal-overlay .invite-modal-refined .modal-main .message-section textarea{width:100%;background:transparent;border:none;color:#fff;outline:none;resize:none}.invite-modal-overlay .invite-modal-refined .modal-main .message-section textarea::placeholder{color:#555}.invite-modal-overlay .invite-modal-refined .modal-main .action-footer{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.invite-modal-overlay .invite-modal-refined .modal-main .action-footer .btn{padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500}.invite-modal-overlay .invite-modal-refined .modal-main .action-footer .btn.btn-cancel{color:#888;background:#2d313e}.invite-modal-overlay .invite-modal-refined .modal-main .action-footer .btn.btn-add{color:#444;background:#1a1d29;pointer-events:none}.invite-modal-overlay .invite-modal-refined .modal-main .action-footer .btn.btn-add.active{color:#fff;background:#5b5eef;pointer-events:auto}.invite-modal-overlay .invite-modal-refined .members-manage-footer{background:#0b0e14;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.invite-modal-overlay .invite-modal-refined .members-manage-footer .manage-btn{color:#888;cursor:pointer}.invite-modal-overlay .invite-modal-refined .members-manage-footer .manage-btn:hover{color:#fff}.role-dropdown-refined{position:absolute;top:calc(100% + 4px);right:0;width:320px;background:#1b1e2b;border:1px solid #2D313E;border-radius:8px;z-index:2200;box-shadow:0 16px 32px #00000080;padding:8px}.role-dropdown-refined .role-option{padding:12px;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:2px;position:relative}.role-dropdown-refined .role-option:hover{background:#262b3d}.role-dropdown-refined .role-option.selected .material-icons.check{display:block}.role-dropdown-refined .role-option .role-title{font-weight:600;font-size:14px;color:#fff}.role-dropdown-refined .role-option .role-desc{font-size:12px;color:#888}.role-dropdown-refined .role-option .material-icons.check{position:absolute;right:12px;top:12px;font-size:18px;color:#5b5eef;display:none}.create-modal .modal-body .thumb-section .thumb-preview .default-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:800;color:#fffc;background:linear-gradient(135deg,#5b5eef,#2d313e);border-radius:8px}.create-modal .modal-body textarea{border:1px solid #2D313E!important;background:#0b0e14!important;color:#fff!important;font-family:inherit}.create-modal .modal-body textarea:focus{border-color:#5b5eef!important}.spinner-premium{width:48px;height:48px;border:3px solid rgba(131,143,224,.1);border-radius:50%;border-top-color:var(--accent-color);border-right-color:#a78bfa;animation:spinPremium .9s cubic-bezier(.5,0,.5,1) infinite;filter:drop-shadow(0 0 12px rgba(131,143,224,.4))}.spinner-premium.btn-spinner{width:16px;height:16px;border-width:2px;margin-right:8px;display:inline-block;vertical-align:middle;filter:none}@keyframes spinPremium{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-loading{position:relative!important;color:transparent!important;pointer-events:none!important;transition:all .3s ease}.btn-loading:after{content:"";position:absolute;width:20px;height:20px;inset:0;margin:auto;border:2px solid transparent;border-top-color:currentColor;border-right-color:#ffffff4d;border-radius:50%;animation:spinPremium .6s linear infinite;filter:drop-shadow(0 0 4px rgba(255,255,255,.4))}.loading-overlay-premium{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f0f14b3;z-index:50;pointer-events:none;border-radius:inherit;animation:fadeIn .4s ease-out}.loading-overlay-premium .spinner-premium{margin-bottom:24px}.loading-overlay-premium p{font-size:.8rem;font-weight:700;color:var(--text-primary);margin:0;opacity:.5;text-transform:uppercase;letter-spacing:.1em}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.modal-refined-content{padding:32px}.modal-refined-content .modal-header-refined{margin-bottom:28px}.modal-refined-content .modal-header-refined h3{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0}.modal-refined-content .modal-header-refined p{font-size:.875rem;color:var(--text-secondary);margin:4px 0 0}.modal-refined-content .form-section-refined{display:flex;flex-direction:column;gap:20px}.modal-refined-content .field-group-refined{display:flex;flex-direction:column;gap:8px}.modal-refined-content .field-group-refined label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.modal-refined-content .field-group-refined input,.modal-refined-content .field-group-refined textarea{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:12px 14px;color:var(--text-primary);font-size:1rem;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-refined-content .field-group-refined input:focus,.modal-refined-content .field-group-refined textarea:focus{background:var(--bg-surface);border-color:var(--accent-color);box-shadow:0 0 0 4px #5b5eef1a}.modal-refined-content .field-group-refined input::placeholder,.modal-refined-content .field-group-refined textarea::placeholder{color:var(--text-secondary);opacity:.5}.modal-refined-content .modal-footer-refined{margin-top:32px;display:flex;justify-content:flex-end;gap:12px}.modal-refined-content .modal-footer-refined button{padding:10px 24px;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;border:none}.modal-refined-content .modal-footer-refined button.btn-cancel{background:var(--bg-secondary);color:var(--text-secondary)}.modal-refined-content .modal-footer-refined button.btn-cancel:hover{background:var(--border-color);color:var(--text-primary)}.modal-refined-content .modal-footer-refined button.btn-save{background:var(--accent-color);color:#fff}.modal-refined-content .modal-footer-refined button.btn-save:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #5b5eef4d}.modal-refined-content .modal-footer-refined button.btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.landing-page{--primary-cobalt: var(--aseda-cobalt);--primary-blue: var(--aseda-blue);--bg-dark: var(--aseda-slate);--bg-light: #f8fafc;--text-main: #1e293b;--text-muted: #64748b;--radius: var(--aseda-br);font-family:Inter,sans-serif;background-color:#fff;color:var(--text-main);scroll-behavior:smooth}.landing-page h1,.landing-page h2,.landing-page h3{letter-spacing:-.02em}.landing-page .main-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;border-bottom:1px solid rgba(0,0,0,.03);padding:1rem 0;transition:all .3s ease}.landing-page .main-header .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1.5rem}.landing-page .main-header .logo{height:38px;width:auto}.landing-page .main-header .desktop-nav{display:flex;align-items:center;gap:2.5rem}.landing-page .main-header .desktop-nav a{text-decoration:none;color:var(--text-main);font-weight:600;font-size:.9rem;transition:color .3s ease}.landing-page .main-header .desktop-nav a:hover{color:var(--primary-cobalt)}.landing-page .main-header .auth-buttons{display:flex;gap:.75rem;align-items:center;margin-left:1rem}.landing-page .btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:var(--radius);font-weight:700;font-size:.95rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none}.landing-page .btn-primary{background:var(--aseda-gradient);color:#fff!important;box-shadow:0 10px 20px -5px #1e40af4d}.landing-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #1e40af66;filter:brightness(1.1)}.landing-page .btn-outline{background:transparent;border:2px solid var(--primary-cobalt);color:var(--primary-cobalt)!important}.landing-page .btn-outline:hover{background:#1e40af08;transform:translateY(-2px)}.landing-page .btn-signup{padding:10px 28px}.landing-page .btn-lg{padding:14px 32px;font-size:1.05rem}.landing-page .hero-section{padding:12rem 0 8rem;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 20%,rgba(59,130,246,.05) 0%,transparent 50%)}.landing-page .hero-section .hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5rem;padding:0 1.5rem}.landing-page .hero-section .badge{display:inline-flex;padding:6px 14px;background:#1e40af14;color:var(--primary-cobalt);border-radius:30px;font-weight:800;font-size:.75rem;letter-spacing:.05em;margin-bottom:2rem}.landing-page .hero-section h1{font-size:4.5rem;line-height:1.05;font-weight:900;margin-bottom:1.5rem;color:#0f172a}.landing-page .hero-section h1 .highlight{background:var(--aseda-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-page .hero-section .hero-subtext{font-size:1.25rem;color:var(--text-muted);line-height:1.7;margin-bottom:2.5rem;max-width:520px}.landing-page .hero-section .hero-visual{perspective:2000px;position:relative}.landing-page .hero-section .mockup-container{position:relative;transform:rotateY(-15deg) rotateX(5deg) scale(1.05);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.landing-page .hero-section .mockup-container:hover{transform:rotateY(-8deg) rotateX(3deg) scale(1.08)}.landing-page .hero-section .mockup-frame{background:#000;padding:8px;border-radius:12px;box-shadow:0 50px 100px -20px #0000004d,0 30px 60px -30px #0000004d;border:1px solid rgba(255,255,255,.1)}.landing-page .hero-section .mockup-frame img{width:100%;height:auto;border-radius:6px;display:block}.landing-page .feature-card,.landing-page .workflow-card,.landing-page .step{border-radius:var(--radius)}.landing-page .features-section{padding:8rem 0;background:#f8fafc}.landing-page .features-section .section-header{text-align:center;margin-bottom:5rem}.landing-page .features-section .section-header h2{font-size:3rem;font-weight:900;margin-bottom:1.5rem}.landing-page .features-section .section-header p{color:var(--text-muted);font-size:1.15rem}.landing-page .features-section .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1200px;margin:0 auto;padding:0 1.5rem}.landing-page .features-section .feature-card{background:#fff;padding:3.5rem 2.5rem;border:1px solid rgba(0,0,0,.03);box-shadow:var(--aseda-shadow);transition:all .4s cubic-bezier(.4,0,.2,1);text-align:left}.landing-page .features-section .feature-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px -12px #0000001f}.landing-page .features-section .feature-card:hover .icon-box{transform:scale(1.1) rotate(5deg)}.landing-page .features-section .feature-card .icon-box{width:64px;height:64px;background:var(--aseda-gradient);color:#fff;border-radius:14px;display:flex;justify-content:center;align-items:center;margin-bottom:2rem;transition:transform .4s ease}.landing-page .features-section .feature-card .icon-box .material-icons{font-size:2rem}.landing-page .features-section .feature-card h3{font-size:1.5rem;font-weight:800;margin-bottom:1.25rem;color:#0f172a}.landing-page .features-section .feature-card p{color:var(--text-muted);line-height:1.7;font-size:1rem}.landing-page .workflow-section{padding:10rem 0}.landing-page .workflow-section .workflow-card{background:var(--aseda-slate);color:#fff;padding:6rem;box-shadow:0 40px 80px -20px #0000004d}.landing-page .workflow-section .step{background:#ffffff08;padding:2.5rem;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.landing-page .workflow-section .step:hover{background:#ffffff0f;border-color:var(--aseda-blue)}.landing-page .workflow-section .step .step-num{font-size:4rem;font-weight:900;background:var(--aseda-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:1.5rem;opacity:.8}.landing-page .contact-section{padding:8rem 0}.landing-page .contact-section .contact-card{background:var(--aseda-gradient);padding:6rem 4rem;color:#fff;box-shadow:0 30px 60px -10px #1e40af4d}.landing-page .contact-section .contact-card h2{font-size:3.5rem;font-weight:900;margin-bottom:1.5rem}.landing-page .contact-section .contact-card p{font-size:1.35rem;margin-bottom:3rem;opacity:.9}.landing-page .contact-section .contact-card .contact-email{color:#fff!important;background:#ffffff26;padding:16px 32px;border-radius:50px}.landing-page .contact-section .contact-card .contact-email:hover{background:#ffffff40}.landing-page .scroll-top-btn{bottom:40px;right:40px;width:60px;height:60px;background:#000;border:1px solid rgba(255,255,255,.15)}.landing-page .scroll-top-btn:hover{background:var(--aseda-cobalt);transform:scale(1.1) translateY(-5px)}.reveal{opacity:0;transform:translateY(40px);transition:all 1s cubic-bezier(.2,.8,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}.landing-page *{box-sizing:border-box}.landing-page section{padding:10rem 0}@media (max-width: 768px){.landing-page section{padding:6rem 0}}.landing-page .hero-actions,.landing-page .auth-buttons,.landing-page .contact-card div{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap}.landing-page .workflow-grid{display:flex;justify-content:space-between;gap:2rem;position:relative}@media (max-width: 992px){.landing-page .workflow-grid{flex-direction:column;align-items:center}}.landing-page .workflow-grid:before{content:"";position:absolute;top:50px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 20%,rgba(255,255,255,.1) 80%,transparent);z-index:1}@media (max-width: 992px){.landing-page .workflow-grid:before{display:none}}.landing-page .step{flex:1;z-index:2;background:#ffffff05!important;border:1px solid rgba(255,255,255,.08)!important;padding:3rem 2rem!important;text-align:center;transition:all .4s ease}.landing-page .step:hover{background:#ffffff0d!important;border-color:var(--aseda-blue)!important;transform:translateY(-5px)}.landing-page .step .step-num{width:70px;height:70px;background:var(--aseda-gradient);-webkit-text-fill-color:white!important;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;font-size:1.5rem!important;font-weight:800;box-shadow:0 10px 20px #0000004d;position:relative}.landing-page .step .step-num:after{content:"arrow_forward";font-family:Material Icons;position:absolute;right:-60px;top:50%;transform:translateY(-50%);color:#fff3;font-size:24px}@media (max-width: 992px){.landing-page .step .step-num:after{display:none}}.landing-page .step:last-child .step-num:after{display:none}.landing-page .features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important}@media (max-width: 1024px){.landing-page .hero-container{grid-template-columns:1fr!important;text-align:center}.landing-page .hero-container .hero-content{display:flex;flex-direction:column;align-items:center}.landing-page .hero-container .hero-subtext{margin-left:auto;margin-right:auto}.landing-page .hero-container .hero-actions{justify-content:center}.landing-page .hero-container .hero-visual{margin-top:4rem}}.landing-page .btn-primary{background:var(--aseda-gradient)!important;border:none!important;color:#fff!important}.landing-page .btn-outline{background:transparent!important;border:2px solid var(--aseda-cobalt)!important;color:var(--aseda-cobalt)!important}.landing-page .btn-outline.white-outline{border-color:#ffffff4d!important;color:#fff!important}.landing-page .btn-outline.white-outline:hover{background:#ffffff1a!important;border-color:#fff!important}.feature-deep-dive{padding:10rem 0;background:#fff;position:relative}.feature-deep-dive .grid-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:8rem;align-items:center;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (max-width: 1024px){.feature-deep-dive .grid-layout{grid-template-columns:1fr;gap:4rem;text-align:center}}.feature-deep-dive.reversed .grid-layout{grid-template-columns:1fr 1.2fr}.feature-deep-dive.reversed .grid-layout .visual-area{order:1}.feature-deep-dive.reversed .grid-layout .content-area{order:2}@media (max-width: 1024px){.feature-deep-dive.reversed .grid-layout .content-area{order:1}}@media (max-width: 1024px){.feature-deep-dive.reversed .grid-layout{grid-template-columns:1fr}}.feature-deep-dive .visual-area{position:relative;border-radius:var(--aseda-br);overflow:hidden;box-shadow:0 40px 100px -20px #00000026;border:1px solid rgba(0,0,0,.05);transition:transform .6s ease}.feature-deep-dive .visual-area:hover{transform:scale(1.02)}.feature-deep-dive .visual-area img{width:100%;height:auto;display:block}.feature-deep-dive .content-area h2{font-size:3.5rem;font-weight:900;margin-bottom:2rem;line-height:1.1}.feature-deep-dive .content-area p{font-size:1.25rem;color:var(--text-muted);margin-bottom:2.5rem;line-height:1.6}.feature-deep-dive .feature-list{list-style:none;padding:0;margin:0}.feature-deep-dive .feature-list li{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600;color:#0f172a}@media (max-width: 1024px){.feature-deep-dive .feature-list li{justify-content:center}}.feature-deep-dive .feature-list li .material-icons{color:var(--aseda-cobalt);font-size:1.75rem}.workflow-section{padding:6rem 0!important;background:#fff}.workflow-section .workflow-card{background:#f8fafc!important;color:var(--text-main)!important;padding:3rem!important;border-radius:30px;border:1px solid rgba(0,0,0,.05);box-shadow:0 20px 50px #00000008}.workflow-section .section-title{color:#0f172a!important;margin-bottom:.5rem!important}.workflow-section .workflow-header p{color:var(--text-muted)!important;margin-bottom:3rem}.workflow-section .workflow-grid{display:flex;justify-content:center;gap:0;position:relative;max-width:1000px;margin:0 auto}@media (max-width: 992px){.workflow-section .workflow-grid{flex-direction:column;align-items:center;gap:3rem}}.workflow-section .step{flex:1;background:transparent!important;border:none!important;padding:1.5rem!important;display:flex;flex-direction:column;align-items:center;position:relative;box-shadow:none!important}.workflow-section .step:hover{transform:translateY(-5px)}.workflow-section .step:hover .step-icon-box{background:var(--aseda-cobalt);color:#fff;transform:scale(1.1)}.workflow-section .step:hover .step-num{transform:translateY(-3px);opacity:1}.workflow-section .step-icon-box{width:60px;height:60px;background:#fff;color:var(--aseda-cobalt);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 10px 25px #1e40af1a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:5}.workflow-section .step-icon-box .material-icons{font-size:28px}.workflow-section .step-num{font-size:.9rem!important;font-weight:900;color:var(--aseda-blue);margin-bottom:.5rem;letter-spacing:1px;opacity:.7;transition:all .3s ease}.workflow-section h4{font-size:1.15rem!important;font-weight:800;color:#0f172a;margin-bottom:.75rem}.workflow-section p{font-size:.9rem!important;line-height:1.6;color:var(--text-muted);text-align:center}.workflow-section .connector{position:absolute;top:45px;left:calc(50% + 40px);width:calc(100% - 80px);height:2px;background:#1e40af1a;z-index:1;overflow:hidden}.workflow-section .connector:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--aseda-blue),transparent);animation:flowLine 2s infinite linear}@media (max-width: 992px){.workflow-section .connector{display:none}}@keyframes flowLine{0%{left:-100%}to{left:100%}}.landing-page .workflow-section{padding:8rem 0!important;background:#fff}.landing-page .workflow-section .workflow-card{background:var(--aseda-gradient)!important;color:#fff!important;padding:5rem 3rem!important;border-radius:40px!important;box-shadow:none!important;border:none!important;text-align:center}.landing-page .workflow-section .workflow-header{max-width:800px;margin:0 auto 5rem;text-align:center!important}.landing-page .workflow-section .workflow-header h2{color:#fff!important;font-size:3.5rem!important;margin-bottom:1.5rem!important}.landing-page .workflow-section .workflow-header p{color:#fffc!important;font-size:1.25rem!important}.landing-page .workflow-section .workflow-grid{display:flex;justify-content:center;gap:0;position:relative;max-width:1100px;margin:0 auto}@media (max-width: 992px){.landing-page .workflow-section .workflow-grid{flex-direction:column;gap:4rem}}.landing-page .workflow-section .workflow-grid:before{content:"";position:absolute;top:45px;left:15%;right:15%;height:1px;background:#fff3;z-index:1}@media (max-width: 992px){.landing-page .workflow-section .workflow-grid:before{display:none}}.landing-page .workflow-section .step{flex:1;z-index:2;background:transparent!important;border:none!important;padding:0 1rem!important;display:flex;flex-direction:column;align-items:center}.landing-page .workflow-section .step:hover{transform:translateY(-8px)}.landing-page .workflow-section .step:hover .step-icon-box{background:#fff;color:var(--aseda-cobalt);transform:scale(1.1)}.landing-page .workflow-section .step:hover .step-num{opacity:1;transform:scale(1.1)}.landing-page .workflow-section .step .step-num{font-size:.75rem!important;font-weight:900;color:#fff;background:#ffffff26;padding:6px 12px;border-radius:20px;margin-bottom:1.5rem;letter-spacing:2px;opacity:.8;transition:all .3s ease}.landing-page .workflow-section .step-icon-box{width:90px;height:90px;background:#ffffff26;color:#fff;border-radius:30px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2);transition:all .5s cubic-bezier(.175,.885,.32,1.275);z-index:5}.landing-page .workflow-section .step-icon-box .material-icons{font-size:40px}.landing-page .workflow-section h4{font-size:1.5rem!important;font-weight:800;color:#fff!important;margin-bottom:1rem}.landing-page .workflow-section p{font-size:1rem!important;color:#ffffffb3!important;line-height:1.7}.landing-page .workflow-section .connector{position:absolute;top:45px;left:calc(50% + 45px);width:calc(100% - 90px);height:2px;background:linear-gradient(90deg,#ffffff4d,#ffffff1a);z-index:1;overflow:hidden}.landing-page .workflow-section .connector:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,white,transparent);animation:glowLine 3s infinite linear}@media (max-width: 992px){.landing-page .workflow-section .connector{display:none}}@keyframes glowLine{0%{left:-100%}to{left:100%}}.landing-page .workflow-section{padding:0!important;background:var(--aseda-gradient)!important}.landing-page .workflow-section .workflow-card{background:transparent!important;padding:10rem 0!important;border-radius:0!important;max-width:1200px;margin:0 auto}.landing-page .branding-card{background:radial-gradient(circle at 30% 30%,#1e40af,#0f172a)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 40px 80px -15px #0006,inset 0 0 40px #1e40af33!important;position:relative;overflow:hidden}.landing-page .branding-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.05) 0%,transparent 50%);pointer-events:none}.landing-page .branding-card img{filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))!important;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.landing-page .branding-card:hover img{transform:scale(1.05) rotate(2deg)}.landing-page .branding-card .tag{background:#ffffff0d;padding:6px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.1);color:#fff9!important;font-size:.7rem!important;font-weight:700!important}.landing-page .contact-card{text-align:center!important;display:flex;flex-direction:column;align-items:center}.landing-page .contact-card h2,.landing-page .contact-card p{margin-left:auto;margin-right:auto;text-align:center}.landing-page .main-footer{background:#0f172a!important;padding:4rem 0 2rem!important;color:#fff9;border-top:1px solid rgba(255,255,255,.05)}.landing-page .main-footer .footer-content{max-width:1200px;margin:0 auto 3rem;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.landing-page .main-footer .footer-content{flex-direction:column;gap:2rem;text-align:center}}.landing-page .main-footer .footer-logo{height:32px;filter:brightness(0) invert(1);opacity:.8}.landing-page .main-footer .footer-links-grid{display:flex;gap:3rem}.landing-page .main-footer .footer-links-grid a{color:#fff9!important;font-size:.85rem;font-weight:600}.landing-page .main-footer .footer-links-grid a:hover{color:#fff!important}.landing-page .main-footer .footer-links-grid a:after{display:none}.landing-page .main-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:2rem;text-align:center;font-size:.8rem}.landing-page .main-footer .footer-bottom a{color:var(--aseda-blue)!important;font-weight:700}.landing-page .scroll-top-btn{width:56px!important;height:56px!important;background:var(--aseda-gradient)!important;color:#fff!important;border-radius:50%!important;box-shadow:0 10px 25px #1e40af66!important;border:none!important;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important}.landing-page .scroll-top-btn .material-icons{font-size:28px!important;font-weight:800}.landing-page .scroll-top-btn:hover{transform:translateY(-8px) scale(1.1)!important;box-shadow:0 15px 35px #1e40af80!important}.landing-page{background-color:transparent!important}.landing-page .scroll-top-btn{position:fixed!important;bottom:40px!important;right:40px!important;left:auto!important;z-index:2000}html,body{background-color:#0f172a!important;margin:0;padding:0}.landing-page{background-color:#fff!important}.landing-page section{position:relative;z-index:10;background-color:#fff}.landing-page .workflow-section{background:var(--aseda-gradient)!important}.landing-page .contact-section{background-color:#fff;padding:0!important;margin:0!important}.landing-page .main-footer{position:relative;z-index:20;margin-top:0!important}.landing-page .brands-section{padding:6rem 0;background:#fff;border-bottom:1px solid rgba(0,0,0,.03)}.landing-page .brands-section .brands-label{text-align:center;font-size:.8rem;font-weight:800;color:var(--text-muted);letter-spacing:.15em;margin-bottom:4rem}.landing-page .brands-section .logo-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:5rem;align-items:center}.landing-page .brands-section .logo-cloud .brand-logo-item img{height:38px;width:auto;filter:grayscale(1) opacity(.5);transition:all .4s ease}.landing-page .brands-section .logo-cloud .brand-logo-item img:hover{filter:grayscale(0) opacity(1);transform:scale(1.05)}.landing-page .testimonials-section{padding:10rem 0;background:#f8fafc}.landing-page .testimonials-section .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto;padding:0 1.5rem}.landing-page .testimonials-section .testimonial-card{background:#fff;padding:3rem;border-radius:var(--aseda-br);box-shadow:0 10px 30px #0000000d;position:relative;transition:all .4s ease;display:flex;flex-direction:column}.landing-page .testimonials-section .testimonial-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #00000014}.landing-page .testimonials-section .testimonial-card .quote-icon{position:absolute;top:2rem;right:2rem;color:#1e40af0d}.landing-page .testimonials-section .testimonial-card .quote-icon .material-icons{font-size:4rem}.landing-page .testimonials-section .testimonial-card .testimonial-content{font-size:1.1rem;font-weight:500;color:#1e293b;line-height:1.7;margin-bottom:2.5rem;font-style:italic;position:relative;z-index:2}.landing-page .testimonials-section .testimonial-card .reviewer-info{display:flex;align-items:center;gap:1.25rem;margin-top:auto}.landing-page .testimonials-section .testimonial-card .reviewer-info .reviewer-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 5px 15px #0000001a}.landing-page .testimonials-section .testimonial-card .reviewer-info .reviewer-meta{display:flex;flex-direction:column}.landing-page .testimonials-section .testimonial-card .reviewer-info .reviewer-meta .reviewer-name{font-weight:800;color:#0f172a;font-size:1rem}.landing-page .testimonials-section .testimonial-card .reviewer-info .reviewer-meta .reviewer-role{font-size:.8rem;color:var(--text-muted);font-weight:600}.landing-page .testimonials-section .testimonial-card .stars-rating{margin-top:1.5rem;display:flex;gap:.1rem}.landing-page .testimonials-section .testimonial-card .stars-rating .material-icons{color:#f59e0b;font-size:1.2rem}.landing-page .brands-section{overflow:hidden;background:#fff;padding:6rem 0}.landing-page .brands-section .logo-carousell-wrapper{display:flex;width:200%;animation:scroll 30s linear infinite;gap:5rem;align-items:center}.landing-page .brands-section .logo-carousell-wrapper:hover{animation-play-state:paused}.landing-page .brands-section .logo-carousell-wrapper .brand-logo-item{flex:0 0 auto}.landing-page .brands-section .logo-carousell-wrapper .brand-logo-item img{height:35px;filter:grayscale(1) opacity(.4);transition:all .3s ease}.landing-page .brands-section .logo-carousell-wrapper .brand-logo-item img:hover{filter:grayscale(0) opacity(1)}.landing-page .testimonials-section .testimonial-viewport{overflow:hidden;max-width:900px;margin:0 auto;position:relative}.landing-page .testimonials-section .testimonial-slider{display:flex;transition:transform .6s cubic-bezier(.645,.045,.355,1);width:100%}.landing-page .testimonials-section .testimonial-slide{flex:0 0 100%;padding:1rem}.landing-page .testimonials-section .slider-controls{display:flex;justify-content:center;gap:1.5rem;margin-top:3rem}.landing-page .testimonials-section .slider-controls .control-btn{width:50px;height:50px;border-radius:50%;border:2px solid rgba(30,64,175,.1);background:#fff;color:var(--aseda-cobalt);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.landing-page .testimonials-section .slider-controls .control-btn:hover{background:var(--aseda-cobalt);color:#fff;border-color:var(--aseda-cobalt);box-shadow:0 10px 20px #1e40af33}.landing-page .testimonials-section .slider-dots{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.landing-page .testimonials-section .slider-dots .dot{width:10px;height:10px;border-radius:50%;background:#e2e8f0;cursor:pointer;transition:all .3s ease}.landing-page .testimonials-section .slider-dots .dot.active{background:var(--aseda-cobalt);width:25px;border-radius:5px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-page .section-header{text-align:center!important;max-width:800px;margin:0 auto 4rem}.landing-page .section-header h2{font-size:3rem!important;font-weight:900;color:#0f172a;line-height:1.2;margin-bottom:1rem}.landing-page .section-header h2 .highlight{color:var(--aseda-cobalt);position:relative;display:inline-block}.landing-page .section-header p{font-size:1.15rem!important;color:var(--text-muted);max-width:600px;margin-left:auto;margin-right:auto}.landing-page .brands-label{text-align:center!important;width:100%}.chat-widget-wrapper{position:fixed;bottom:2rem;left:2rem;z-index:2100}.chat-widget-wrapper .chat-fab{width:60px;height:60px;border-radius:50%;background:var(--aseda-cobalt);color:#fff;border:none;box-shadow:0 10px 30px #1e40af66;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;z-index:2}.chat-widget-wrapper .chat-fab:hover{transform:scale(1.1) rotate(5deg)}.chat-widget-wrapper .chat-fab .material-icons{font-size:28px}.chat-widget-wrapper .chat-window{position:absolute;bottom:80px;left:0;width:380px;height:520px;background:#fff;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(20px) scale(.9);transform-origin:bottom left;transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 20px 50px #00000026}@media (max-width: 480px){.chat-widget-wrapper .chat-window{width:calc(100vw - 4rem);height:70vh}}.chat-widget-wrapper.open .chat-window{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.chat-widget-wrapper .chat-header{background:var(--aseda-cobalt);padding:1.5rem;color:#fff}.chat-widget-wrapper .chat-header .header-info{display:flex;align-items:center;gap:1rem}.chat-widget-wrapper .chat-header .header-info h3{margin:0;font-size:1.1rem;font-weight:800}.chat-widget-wrapper .chat-header .header-info .status-indicator{font-size:.7rem;opacity:.8;display:flex;align-items:center;gap:4px}.chat-widget-wrapper .chat-header .header-info .status-indicator:before{content:"";width:6px;height:6px;background:#4ade80;border-radius:50%;display:inline-block}.chat-widget-wrapper .messages-container{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background:#f8fafc;scroll-behavior:smooth}.chat-widget-wrapper .messages-container .message{max-width:80%;display:flex;flex-direction:column}.chat-widget-wrapper .messages-container .message .bubble{padding:.75rem 1rem;border-radius:18px;font-size:.95rem;line-height:1.5}.chat-widget-wrapper .messages-container .message .time{font-size:.7rem;color:#94a3b8;margin-top:4px}.chat-widget-wrapper .messages-container .message.bot{align-self:flex-start}.chat-widget-wrapper .messages-container .message.bot .bubble{background:#fff;color:#1e293b;border-bottom-left-radius:4px;box-shadow:0 2px 5px #00000005}.chat-widget-wrapper .messages-container .message.user{align-self:flex-end}.chat-widget-wrapper .messages-container .message.user .bubble{background:var(--aseda-cobalt);color:#fff;border-bottom-right-radius:4px}.chat-widget-wrapper .messages-container .message.user .time{text-align:right}.chat-widget-wrapper .typing span{width:6px;height:6px;background:#cbd5e1;border-radius:50%;display:inline-block;margin:0 2px;animation:typing 1.4s infinite}.chat-widget-wrapper .typing span:nth-child(2){animation-delay:.2s}.chat-widget-wrapper .typing span:nth-child(3){animation-delay:.4s}.chat-widget-wrapper .chat-input-area{padding:1rem 1.5rem;background:#fff;border-top:1px solid #f1f5f9;display:flex;gap:.5rem;align-items:center}.chat-widget-wrapper .chat-input-area input{flex:1;border:none;outline:none;font-size:.95rem;padding:.5rem 0}.chat-widget-wrapper .chat-input-area input::placeholder{color:#94a3b8}.chat-widget-wrapper .chat-input-area .send-btn{color:var(--aseda-cobalt);background:none;border:none;cursor:pointer;opacity:.5;transition:opacity .3s}.chat-widget-wrapper .chat-input-area .send-btn:not(:disabled){opacity:1}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.landing-page .main-footer .footer-logo{height:48px!important}:root{--admin-sidebar-w: 280px;--admin-bg: #f8fafc;--admin-card-bg: #ffffff;--admin-text: #0f172a;--admin-border: #e2e8f0}body.dark-theme{--admin-bg: #0f172a;--admin-card-bg: #1e293b;--admin-text: #f8fafc;--admin-border: #334155;background-color:var(--admin-bg);color:var(--admin-text)}.admin-container{display:flex;height:100vh;background:var(--admin-bg);transition:all .3s ease}.admin-container .admin-sidebar{width:var(--admin-sidebar-w);background:var(--admin-card-bg);border-right:1px solid var(--admin-border);display:flex;flex-direction:column;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-container .admin-sidebar .sidebar-header{padding:2rem;display:flex;align-items:center;gap:1rem}.admin-container .admin-sidebar .sidebar-header .logo{height:35px}.admin-container .admin-sidebar .sidebar-header .admin-badge{background:var(--aseda-cobalt);color:#fff;font-size:.65rem;font-weight:800;padding:2px 8px;border-radius:4px;letter-spacing:.05em}.admin-container .admin-sidebar .sidebar-nav{flex:1;padding:1rem}.admin-container .admin-sidebar .sidebar-nav .nav-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;color:#64748b;text-decoration:none;border-radius:12px;font-weight:600;transition:all .2s;margin-bottom:.25rem}.admin-container .admin-sidebar .sidebar-nav .nav-item:hover{background:#1e40af0d;color:var(--aseda-cobalt)}.admin-container .admin-sidebar .sidebar-nav .nav-item.active{background:var(--aseda-cobalt);color:#fff;box-shadow:0 4px 12px #1e40af33}.admin-container .admin-sidebar .sidebar-nav .nav-item .material-icons{font-size:20px}.admin-container .admin-sidebar .sidebar-nav .nav-divider{border-top:1px solid var(--admin-border);margin:1.5rem 0}.admin-container .admin-sidebar .sidebar-footer{padding:1.5rem;border-top:1px solid var(--admin-border)}.admin-container .admin-sidebar .sidebar-footer .theme-toggle,.admin-container .admin-sidebar .sidebar-footer .back-link{display:flex;align-items:center;gap:1rem;padding:.75rem;width:100%;background:none;border:none;color:#64748b;font-weight:600;cursor:pointer;border-radius:10px;text-decoration:none}.admin-container .admin-sidebar .sidebar-footer .theme-toggle:hover,.admin-container .admin-sidebar .sidebar-footer .back-link:hover{background:#00000008}.admin-container .admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-container .admin-main .admin-top-bar{height:75px;background:var(--admin-card-bg);border-bottom:1px solid var(--admin-border);display:flex;align-items:center;padding:0 2rem;gap:2rem}.admin-container .admin-main .admin-top-bar .search-bar{flex:1;max-width:500px;background:var(--admin-bg);border-radius:10px;padding:.5rem 1rem;display:flex;align-items:center;gap:.8rem;color:#94a3b8}.admin-container .admin-main .admin-top-bar .search-bar input{background:none;border:none;outline:none;flex:1;color:var(--admin-text)}.admin-container .admin-main .admin-top-bar .top-bar-actions{display:flex;align-items:center;gap:1.5rem}.admin-container .admin-main .admin-top-bar .top-bar-actions .user-avatar{width:35px;height:35px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem;color:#64748b}.admin-container .admin-main .admin-content{flex:1;overflow-y:auto;padding:2.5rem}.admin-container.sidebar-closed{--admin-sidebar-w: 80px}.admin-container.sidebar-closed .nav-label,.admin-container.sidebar-closed .admin-badge,.admin-container.sidebar-closed .sidebar-footer span,.admin-container.sidebar-closed .sidebar-header h3{display:none}.admin-container.sidebar-closed .sidebar-header{justify-content:center;padding:2rem 0}.admin-container.sidebar-closed .nav-item{justify-content:center;padding:1rem}.dashboard-page .page-header{margin-bottom:3rem}.dashboard-page .page-header h1{font-size:2.25rem;font-weight:900;color:var(--admin-text);margin-bottom:.5rem}.dashboard-page .page-header p{color:#64748b;font-weight:500}.dashboard-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.dashboard-page .stats-grid .stat-card{background:var(--admin-card-bg);padding:2rem;border-radius:20px;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--admin-border)}.dashboard-page .stats-grid .stat-card .card-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center}.dashboard-page .stats-grid .stat-card .card-icon .material-icons{font-size:30px}.dashboard-page .stats-grid .stat-card .card-icon.blue{background:#1e40af1a;color:var(--aseda-cobalt)}.dashboard-page .stats-grid .stat-card .card-icon.green{background:#10b9811a;color:#10b981}.dashboard-page .stats-grid .stat-card .card-icon.purple{background:#8b5cf61a;color:#8b5cf6}.dashboard-page .stats-grid .stat-card .card-icon.orange{background:#f59e0b1a;color:#f59e0b}.dashboard-page .stats-grid .stat-card .card-info h3{margin:0;font-size:.9rem;font-weight:700;color:#64748b;margin-bottom:.25rem}.dashboard-page .stats-grid .stat-card .card-info .value{font-size:1.75rem;font-weight:900;color:var(--admin-text);margin:0}.dashboard-page .stats-grid .stat-card .card-info .trend{font-size:.75rem;font-weight:700;margin-top:4px;display:block}.dashboard-page .stats-grid .stat-card .card-info .trend.up{color:#10b981}.dashboard-page .stats-grid .stat-card .card-info .trend.warning{color:#ef4444}.dashboard-page .data-box{background:var(--admin-card-bg);padding:2rem;border-radius:20px;border:1px solid var(--admin-border)}.dashboard-page .data-box h3{margin-bottom:1.5rem;font-weight:800;font-size:1.1rem}.dashboard-page .distribution-list{display:flex;flex-direction:column;gap:1.5rem}.dashboard-page .distribution-list .dist-item{display:flex;align-items:center;gap:1.5rem}.dashboard-page .distribution-list .dist-item .label{min-width:120px;font-weight:600;color:#64748b}.dashboard-page .distribution-list .dist-item .bar-container{flex:1;height:10px;background:var(--admin-bg);border-radius:5px;overflow:hidden}.dashboard-page .distribution-list .dist-item .bar{height:100%;background:var(--aseda-cobalt);border-radius:5px}.dashboard-page .distribution-list .dist-item .count{font-weight:800;min-width:40px;text-align:right}.data-table-container{background:var(--admin-card-bg);border-radius:20px;border:1px solid var(--admin-border);overflow:hidden}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{padding:1.25rem 1.5rem;background:#f8fafc;color:#64748b;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--admin-border)}.admin-table body.dark-theme th{background:#1e293b}.admin-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--admin-border);color:var(--admin-text);font-size:.9rem}.admin-table tr:last-child td{border-bottom:none}.admin-table .user-cell{display:flex;align-items:center;gap:1rem}.admin-table .user-cell .avatar{width:40px;height:40px;background:#e2e8f0;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#64748b}.admin-table .user-cell .info{display:flex;flex-direction:column}.admin-table .user-cell .info .name{font-weight:700}.admin-table .user-cell .info .email{font-size:.8rem;color:#64748b}.admin-table .status-badge,.admin-table .role-badge{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700}.admin-table .status-badge.active{background:#10b9811a;color:#10b981}.admin-table .status-badge.blocked{background:#ef44441a;color:#ef4444}.admin-table .role-badge{background:#f1f5f9;color:#64748b}.admin-table .role-badge.admin{background:#1e40af1a;color:var(--aseda-cobalt)}.admin-table .action-btns{display:flex;gap:.5rem}.admin-table .action-btns .icon-btn{color:#64748b;background:none;border:none;cursor:pointer;transition:color .2s}.admin-table .action-btns .icon-btn:hover{color:var(--aseda-cobalt)}.search-box{background:var(--admin-bg);border:1px solid var(--admin-border);padding:.5rem 1.25rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;color:#94a3b8}.search-box input{background:none;border:none;outline:none;color:var(--admin-text);font-weight:500}.pop-action-btn.admin-accent{color:var(--aseda-cobalt)!important;font-weight:700!important;background:#1e40af0d;margin-top:4px}.pop-action-btn.admin-accent:hover{background:#1e40af1a}.project-members{display:flex;align-items:center;gap:12px;padding:0 8px;border-left:1px solid var(--border-color);margin-left:8px}.member-avatars{display:flex;align-items:center}.member-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;border:2px solid var(--surface-color);margin-left:-8px;cursor:pointer;transition:transform .2s;box-shadow:0 2px 4px #0000001a}.member-avatar:first-child{margin-left:0}.member-avatar:hover{transform:translateY(-2px);z-index:10}.invite-btn{display:flex;align-items:center;gap:4px;background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-color);padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.invite-btn:hover{background:var(--hover-color);border-color:var(--primary-color)}.invite-project-modal{width:100%;max-width:420px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:32px;box-shadow:var(--shadow-xl);position:relative;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;animation:modalFadeIn .3s ease-out}.invite-project-modal .modal-header{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}.invite-project-modal .modal-header h3{font-size:1.35rem;font-weight:800;margin:0;color:var(--text-color);letter-spacing:-.02em}.invite-project-modal .modal-header .btn-icon-close{background:var(--hover-color);border:none;padding:6px;cursor:pointer;color:var(--text-muted);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.invite-project-modal .modal-header .btn-icon-close:hover{background:var(--border-color);color:var(--text-color)}.invite-project-modal .modal-body{margin-bottom:28px}.invite-project-modal .modal-body .description{font-size:.95rem;color:var(--text-muted);margin-bottom:28px;line-height:1.6;opacity:.8}.invite-project-modal .modal-body .form-group{margin-bottom:24px}.invite-project-modal .modal-body .form-group label{display:block;font-size:.8rem;font-weight:700;color:var(--text-color);text-transform:uppercase;margin-bottom:10px;letter-spacing:.05em}.invite-project-modal .modal-body .form-group input,.invite-project-modal .modal-body .form-group select{width:100%;padding:14px 18px;background:var(--input-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-color);font-size:1rem;outline:none;transition:all .2s;box-shadow:inset 0 2px 4px #00000005}.invite-project-modal .modal-body .form-group input:focus,.invite-project-modal .modal-body .form-group select:focus{border-color:var(--primary-color);background:var(--surface-color)}.invite-project-modal .modal-body .form-group .select-wrapper{position:relative}.invite-project-modal .modal-body .form-group .select-wrapper select{appearance:none;cursor:pointer}.invite-project-modal .modal-body .form-group .select-wrapper .select-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted);opacity:.5}.invite-project-modal .modal-footer{display:flex;gap:12px;margin-top:12px}.invite-project-modal .modal-footer button{padding:14px;font-weight:700;font-size:1rem;border-radius:12px;transition:all .2s}.invite-project-modal .modal-footer .btn-ghost{flex:1;border:2px solid transparent}.invite-project-modal .modal-footer .btn-ghost:hover{background:var(--hover-color)}.invite-project-modal .modal-footer .btn-primary{flex:2;background:var(--primary-color);color:#fff;border:none;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 15px -3px #4f7ef766}.invite-project-modal .modal-footer .btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-title-area{display:flex;align-items:center;gap:16px}.project-selector-pill{position:relative;display:flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:2px 12px;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:140px;box-shadow:var(--shadow-sm)}.project-selector-pill:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #0000000d}.rename-invisible-input{background:transparent;border:none;font-size:1.15rem;font-weight:700;color:var(--text-primary);outline:none;width:auto;min-width:120px;max-width:300px;padding:6px 0;letter-spacing:-.01em}.rename-invisible-input::placeholder{opacity:.3}.project-select-hidden{opacity:0;position:absolute;right:0;top:0;width:100%;height:100%;cursor:pointer;z-index:2}.switcher-arrow-icon{pointer-events:none;color:var(--text-color);opacity:.6;margin-left:auto}.dropdown-spinner{width:14px;height:14px;border:2px solid rgba(var(--text-color-rgb, 200, 200, 200),.1);border-top-color:var(--primary-color);border-radius:50%;animation:spinPremium .6s linear infinite;flex-shrink:0}.project-members{display:flex;align-items:center;gap:12px}.project-members .member-avatars{display:flex;flex-direction:row-reverse;align-items:center;box-sizing:border-box}.project-members .member-avatars .member-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-hover);border:2px solid var(--bg-surface);margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;z-index:1}.project-members .member-avatars .member-avatar.pending{opacity:.6;border-style:dashed;background:transparent;color:var(--text-secondary)}.project-members .member-avatars .member-avatar:first-child{margin-left:0}.project-members .member-avatars .member-avatar:hover{transform:translateY(-3px) scale(1.1);z-index:10;border-color:var(--accent-color);opacity:1}.project-members .member-avatars .member-avatar.avatar-blue{background:var(--avatar-blue-bg);color:var(--avatar-blue-text)}.project-members .member-avatars .member-avatar.avatar-teal{background:var(--avatar-teal-bg);color:var(--avatar-teal-text)}.project-members .member-avatars .member-avatar.avatar-green{background:var(--avatar-green-bg);color:var(--avatar-green-text)}.project-members .member-avatars .member-avatar.avatar-purple{background:var(--avatar-purple-bg);color:var(--avatar-purple-text)}.project-members .member-avatars .member-avatar.avatar-pink{background:var(--avatar-pink-bg);color:var(--avatar-pink-text)}.project-members .member-avatars .member-avatar.avatar-amber{background:var(--avatar-amber-bg);color:var(--avatar-amber-text)}.mini-avatar.avatar-blue,.avatar-stub.avatar-blue{background:var(--avatar-blue-bg)!important;color:var(--avatar-blue-text)!important}.mini-avatar.avatar-teal,.avatar-stub.avatar-teal{background:var(--avatar-teal-bg)!important;color:var(--avatar-teal-text)!important}.mini-avatar.avatar-green,.avatar-stub.avatar-green{background:var(--avatar-green-bg)!important;color:var(--avatar-green-text)!important}.mini-avatar.avatar-purple,.avatar-stub.avatar-purple{background:var(--avatar-purple-bg)!important;color:var(--avatar-purple-text)!important}.mini-avatar.avatar-pink,.avatar-stub.avatar-pink{background:var(--avatar-pink-bg)!important;color:var(--avatar-pink-text)!important}.mini-avatar.avatar-amber,.avatar-stub.avatar-amber{background:var(--avatar-amber-bg)!important;color:var(--avatar-amber-text)!important}@keyframes spinPremium{to{transform:rotate(360deg)}}.kanban-board-container{flex:1;position:relative;min-height:0;display:flex;flex-direction:column;overflow:hidden}.board-viewport{flex:1;overflow-y:hidden;overflow-x:auto;position:relative}.loading-overlay-premium.within-board{z-index:50;position:absolute;border-radius:0}.page-header{position:relative;background:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:12px 24px;margin-bottom:1rem}.feed-spinner-container{display:flex;flex-direction:column;gap:16px;padding:12px 16px}.feed-skeleton-item{height:100px;background:linear-gradient(90deg,var(--border-color) 25%,var(--surface-color) 50%,var(--border-color) 75%);background-size:200% 100%;animation:feedShimmer 1.5s infinite linear;border-radius:12px;opacity:.4}@keyframes feedShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}app-asset-review{display:flex!important;flex-direction:column;position:fixed;inset:0;width:100vw;height:100vh;z-index:9999;background:var(--bg-primary);overflow:hidden}app-asset-review .review-header{flex-shrink:0;z-index:10002;position:relative;height:var(--header-height, 56px)}app-asset-review .review-body{flex:1;display:flex!important;min-height:0;overflow:hidden;position:relative}@media (max-width: 1024px){app-asset-review .review-body{flex-direction:column;overflow-y:auto}}app-asset-review .media-nav-overlay{position:absolute;inset:0;pointer-events:none;display:flex!important;align-items:center;justify-content:space-between;padding:0 40px;z-index:2000}@media (max-width: 768px){app-asset-review .media-nav-overlay{padding:0 10px}}app-asset-review .media-nav-overlay .nav-arrow{pointer-events:auto;width:48px;height:48px;border-radius:50%;background:#000;border:1px solid rgba(255,255,255,.1);color:#fff;display:flex!important;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.8}@media (max-width: 480px){app-asset-review .media-nav-overlay .nav-arrow{width:40px;height:40px}}app-asset-review .media-nav-overlay .nav-arrow:hover:not(:disabled){background:var(--accent-color);transform:scale(1.1);opacity:1}app-asset-review .review-sidebar{display:flex!important;flex-direction:column;width:400px;height:100%;background:var(--bg-surface)!important;border-left:1px solid var(--border-color);position:relative;z-index:10001}@media (max-width: 768px){app-asset-review .review-sidebar{position:fixed;top:var(--header-height, 56px);right:0;bottom:0;width:100%!important;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-left:none;box-shadow:-10px 0 30px #00000080}app-asset-review .review-sidebar.open{transform:translate(0)}}app-asset-review .version-stack-selector{background:var(--bg-hover)!important;padding:6px 12px;border-radius:8px;border:1px solid var(--border-color)}.external-review-wrapper{position:fixed;inset:0;background:var(--bg-primary);z-index:9999}.sidebar-section{padding:16px;border-bottom:1px solid var(--border-color, #e5e7eb);position:relative;z-index:1}.sidebar-section.active-dropdown{z-index:100!important;overflow:visible!important}.sidebar-section.reviewers-section{background:var(--bg-surface)}.sidebar-section.reviewers-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sidebar-section.reviewers-section .section-header .label{font-size:.7rem;font-weight:800;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.1em}.sidebar-section.reviewers-section .section-header .btn-add-mini{background:var(--bg-secondary, #f5f5f5);color:var(--text-primary);border:none;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.sidebar-section.reviewers-section .section-header .btn-add-mini:hover{background:var(--accent-color);color:#fff;transform:translateY(-1px)}.sidebar-section.reviewers-section .section-header .btn-add-mini .icon{font-size:16px;font-weight:600}.sidebar-section.reviewers-section .reviewers-stack{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sidebar-section.reviewers-section .reviewers-stack .mini-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-color, #4F7EF7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:2px solid var(--bg-surface, #fff);overflow:hidden;box-shadow:0 2px 4px #0000001a}.sidebar-section.reviewers-section .reviewers-stack .mini-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-section.reviewers-section .reviewers-stack .mini-avatar .initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.sidebar-section.reviewers-section .reviewers-stack .empty-hint{font-size:.8rem;color:var(--text-secondary, #888);font-style:italic;opacity:.8}app-member-dropdown{position:absolute;top:calc(100% - 12px);right:16px;left:16px;z-index:1000}.sidebar-tabs{display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:var(--bg-surface);border-bottom:1px solid var(--border-color)}.sidebar-tabs .tabs-scroll{display:flex;gap:24px}.sidebar-tabs .tab-btn{background:none;border:none;padding:16px 4px;font-size:.75rem;font-weight:800;color:var(--text-secondary);cursor:pointer;position:relative;transition:all .3s;letter-spacing:.05em}.sidebar-tabs .tab-btn.active{color:var(--text-primary)}.sidebar-tabs .tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--accent-color);border-radius:99px 99px 0 0}.sidebar-tabs .tab-btn:hover:not(.active){color:var(--text-primary);opacity:.8}.sidebar-tabs .tab-btn .count{opacity:.5;margin-left:6px;font-weight:600}.sidebar-tabs .tab-actions{display:flex;align-items:center;gap:8px}.share-container{position:relative}.share-container .share-btn{display:flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:8px;font-size:.85rem;font-weight:600}.share-container .share-btn .icon{font-size:14px;opacity:.8}.share-container .share-overlay{position:absolute;top:calc(100% + 12px);right:0;width:320px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #0003,0 0 0 1px #ffffff0d;z-index:10005;animation:slideInDown .3s cubic-bezier(.4,0,.2,1)}.share-container .share-overlay .overlay-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.share-container .share-overlay .overlay-header h3{margin:0;font-size:.9rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--text-primary)}.share-container .share-overlay .overlay-header .close-overlay{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;opacity:.6;transition:opacity .2s}.share-container .share-overlay .overlay-header .close-overlay:hover{opacity:1}.share-container .share-overlay .overlay-content{padding:20px}.share-container .share-overlay .overlay-content .share-hint{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:20px}.share-container .share-overlay .overlay-content .link-box{display:flex;gap:8px;background:var(--bg-secondary);padding:8px;border-radius:10px;border:1px solid var(--border-color);margin-bottom:8px}.share-container .share-overlay .overlay-content .link-box input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.85rem;font-family:var(--font-mono, monospace);min-width:0;outline:none}.share-container .share-overlay .overlay-content .link-box button{flex-shrink:0}.share-container .share-overlay .overlay-content .block-btn{width:100%;padding:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.icon-btn-mini{background:none;border:none;color:var(--text-secondary);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn-mini:hover{background:var(--bg-secondary);color:var(--text-primary)}.log-list{flex:1;min-height:0;overflow-y:auto;background:var(--bg-secondary)!important;display:flex;flex-direction:column;padding:12px 16px 100px;flex-shrink:1}.log-list .sidebar-loader-bar{position:absolute;top:0;left:0;width:100%;height:3px;background:var(--bg-secondary);overflow:hidden;z-index:5}.log-list .sidebar-loader-bar .loader-progress{width:50%;height:100%;background:var(--accent-color);animation:indeterminateProgress 1.5s infinite ease-in-out;border-radius:99px}@keyframes indeterminateProgress{0%{transform:translate(-100%)}to{transform:translate(200%)}}.log-list .sidebar-header{padding:24px;border-bottom:1px solid var(--border-color)}.log-list .overview-section{padding:0 24px 20px}.log-list .overview-section .stat-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:12px;display:flex;flex-direction:column;gap:4px}.log-list .overview-section .stat-card .stat-label{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em}.log-list .overview-section .stat-card .stat-value{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.log-list .overview-section .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.log-list .overview-section .mini-stat{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:8px}.log-list .overview-section .mini-stat .stat-dot{width:6px;height:6px;border-radius:50%}.log-list .overview-section .mini-stat .label{font-size:.75rem;font-weight:600;color:var(--text-secondary);flex:1}.log-list .overview-section .mini-stat .value{font-size:.9rem;font-weight:700;color:var(--text-primary)}.log-list .overview-section .mini-stat.open .stat-dot{background:var(--accent-color);box-shadow:0 0 6px var(--accent-color)}.log-list .overview-section .mini-stat.resolved .stat-dot{background:var(--success-color);box-shadow:0 0 6px var(--success-color)}.log-list .log-item{padding:16px 20px;border-bottom:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;background:transparent;position:relative}.log-list .log-item:hover{background:#ffffff08}.log-list .log-item.selected{background:#4f7ef714;border-left:4px solid var(--accent-color);padding-left:16px;box-shadow:inset 0 0 20px #4f7ef708}.log-list .log-item.selected .log-author{color:var(--accent-color);font-weight:700}.log-list .log-item.selected .sequence-number{background:var(--accent-color);color:#fff}.log-list .log-item.is-resolved{opacity:.6}.log-list .log-item.is-resolved .log-content{text-decoration:line-through}.log-list .log-item-header{display:flex;gap:12px;align-items:flex-start;margin-bottom:8px;position:relative}.log-list .author-avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 2px 4px #0000001a}.log-list .author-avatar img{width:100%;height:100%;object-fit:cover}.log-list .log-meta{flex:1;min-width:0}.log-list .log-meta .author-name-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.log-list .log-meta .log-author{font-size:.85rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-list .log-meta .log-time-ago{font-size:.7rem;color:var(--text-secondary);opacity:.8;white-space:nowrap}.log-list .log-meta .timestamp-badge{display:inline-block;font-size:.65rem;font-weight:800;color:var(--accent-color);background:#4f7ef71a;padding:2px 6px;border-radius:4px;margin-top:2px}.log-list .log-content{margin:0 0 12px 40px;font-size:.9rem;line-height:1.5;color:var(--text-primary);word-break:break-word}.log-list .log-content ::ng-deep .mention-highlight{color:var(--accent-color);font-weight:700;background:#4f7ef714;padding:0 4px;border-radius:3px}.log-list .sequence-number{font-size:.65rem;font-weight:800;opacity:.3;margin-left:auto}.log-list .resolve-circle-btn{background:none;border:2px solid var(--border-color);width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s;margin-left:8px}.log-list .resolve-circle-btn .circle-inner{width:0;height:0;background:var(--success-color);border-radius:50%;transition:all .2s}.log-list .resolve-circle-btn:hover{border-color:var(--success-color)}.log-list .resolve-circle-btn:hover .circle-inner{width:10px;height:10px}.log-list .resolved-check-badge{color:var(--success-color);background:#10b9811a;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:8px}.log-list .open-dot{width:8px;height:8px;background:var(--accent-color);border-radius:50%;margin-left:12px;box-shadow:0 0 8px var(--accent-color)}.log-list .reply-action-btn{background:none;border:none;color:var(--text-secondary);font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;margin-left:32px;border-radius:6px;transition:all .2s}.log-list .reply-action-btn:hover{background:var(--bg-surface);color:var(--accent-color);transform:translate(2px)}.log-list .reply-action-btn svg{opacity:.6}.log-list .replies-list{margin:12px 0 12px 40px;padding:12px 0 0;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px}.log-list .reply-item{display:flex;flex-direction:column;gap:4px}.log-list .reply-header{display:flex;align-items:center;gap:8px}.log-list .reply-avatar{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:var(--accent-color);overflow:hidden}.log-list .reply-avatar img{width:100%;height:100%;object-fit:cover}.log-list .reply-author{font-size:.8rem;font-weight:700;color:var(--text-primary)}.log-list .reply-time{font-size:.65rem;color:var(--text-secondary);opacity:.6}.log-list .reply-content{margin:0 0 0 28px;font-size:.85rem;line-height:1.4;color:var(--text-primary);opacity:.9}.log-list .empty-state{padding:60px 40px;text-align:center;color:var(--text-secondary);font-size:.95rem;opacity:.7}.log-list .empty-state p{margin:0}.sidebar-input-card{padding:20px;background:var(--bg-surface);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;box-shadow:0 -4px 20px #0000000d}.sidebar-input-card .sidebar-textarea{width:100%;min-height:100px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;color:var(--text-primary);font-size:.9rem;line-height:1.5;resize:none;transition:all .2s}.sidebar-input-card .sidebar-textarea:focus{border-color:var(--accent-color);background:var(--bg-surface);box-shadow:0 0 0 3px #4f7ef71a;outline:none}.sidebar-input-card .sidebar-textarea::placeholder{color:var(--text-secondary);opacity:.5}.sidebar-input-card .input-actions{display:flex;justify-content:space-between;align-items:center}.sidebar-input-card .input-actions .attachment-btn{background:var(--bg-secondary);border:none;color:var(--text-secondary);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.sidebar-input-card .input-actions .attachment-btn:hover{background:var(--border-color);color:var(--text-primary)}.sidebar-input-card .input-actions .post-btn{padding:10px 24px;font-weight:800;letter-spacing:.05em;border-radius:10px;text-transform:uppercase;font-size:.75rem}.pinpoint-container{position:absolute;z-index:1000;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:0;height:0}.pinpoint-container.pos-bottom{justify-content:flex-start}.pinpoint-container.pos-bottom .marker{margin-bottom:0;margin-top:5.8px;transform:rotate(135deg)}.pinpoint-container.pos-bottom .marker span{transform:rotate(-135deg)}.pinpoint-container.pos-bottom .marker:hover,.pinpoint-container.pos-bottom .marker.selected{transform:rotate(135deg) scale(1.2)}.marker{width:28px;height:28px;background:var(--accent-color);color:#fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #0000004d;border:2px solid white;margin-bottom:5.8px;flex-shrink:0}.marker span{transform:rotate(45deg);font-size:10px;font-weight:800}.marker:hover,.marker.active{transform:rotate(-45deg) scale(1.2);box-shadow:0 8px 20px #4f7ef766;z-index:10}.pinpoint-container.selected{z-index:2000}.pinpoint-container.selected .marker{transform:rotate(-45deg) scale(1.4);background:var(--accent-color);color:#fff;border-color:#fff;box-shadow:0 0 0 6px #4f7ef766,0 15px 40px #00000080;animation:pulseGlowHighIntensity 1.5s infinite ease-in-out}.pinpoint-container.selected .marker span{color:#fff}@keyframes pulseGlowHighIntensity{0%{transform:rotate(-45deg) scale(1.3);box-shadow:0 0 #4f7ef7b3}50%{transform:rotate(-45deg) scale(1.5);box-shadow:0 0 0 20px #4f7ef700}to{transform:rotate(-45deg) scale(1.3);box-shadow:0 0 #4f7ef700}}.path-layer path{filter:drop-shadow(0 0 4px var(--accent-color));stroke-linecap:round;transition:all .3s ease}@keyframes pulseGlow{0%{box-shadow:0 0 #4f7ef7b3,0 4px 12px #0000004d}70%{box-shadow:0 0 0 15px #4f7ef700,0 4px 12px #0000004d}to{box-shadow:0 0 #4f7ef700,0 4px 12px #0000004d}}.draft-form{position:absolute;width:300px;background:var(--bg-surface)!important;border:1px solid var(--border-color);border-radius:16px;padding:16px;box-shadow:0 15px 35px #0006;z-index:1000;pointer-events:auto;margin-top:10px;transform:translate(15px,15px);animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.draft-form.pos-top{bottom:40px;top:auto}.draft-form.pos-bottom{top:15px;bottom:auto}.draft-form.pos-left{right:0;left:auto;transform:translate(-15px)}.draft-form.pos-right{left:0;right:auto;transform:translate(15px)}.draft-form:not(.pos-left):not(.pos-right){left:50%;transform:translate(-50%)}.draft-form.pos-top.pos-left{transform:translate(-15px)}.draft-form.pos-top.pos-right{transform:translate(15px)}.draft-form.pos-bottom.pos-left{transform:translate(-15px)}.draft-form.pos-bottom.pos-right{transform:translate(15px)}@media (max-width: 600px){.draft-form{width:260px}}.draft-form .draft-header{font-size:.75rem;font-weight:800;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.draft-form textarea{width:100%;min-height:80px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:12px;color:var(--text-primary);font-size:.9rem;margin-bottom:12px;resize:vertical}.draft-form textarea:focus{outline:none;border-color:var(--accent-color)}.draft-form .draft-actions{display:flex;justify-content:flex-end;gap:8px}@keyframes popIn{0%{opacity:0;transform:translate(15px,15px) scale(.9)}to{opacity:1;transform:translate(15px,15px) scale(1)}}.pdf-toolbar-premium{position:absolute;bottom:32px;left:calc(50% + 120px);transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:16px;z-index:2000;box-shadow:0 10px 40px #0006;background:#1a1a1a!important;border:1px solid rgba(255,255,255,.1);transition:all .3s cubic-bezier(.16,1,.3,1)}.pdf-toolbar-premium:hover{background:#1e1e1ef2!important;transform:translate(-50%) translateY(-2px)}.pdf-toolbar-premium .toolbar-group{display:flex;align-items:center;gap:4px}.pdf-toolbar-premium .toolbar-divider{width:1px;height:24px;background:#ffffff1a;margin:0 4px}.pdf-toolbar-premium .icon-btn{width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pdf-toolbar-premium .icon-btn:hover:not(:disabled){background:#ffffff1a}.pdf-toolbar-premium .icon-btn:disabled{opacity:.3;cursor:not-allowed}.pdf-toolbar-premium .page-display{display:flex;align-items:center;gap:6px;padding:0 8px;min-width:80px;justify-content:center}.pdf-toolbar-premium .page-display .current{font-size:.95rem;font-weight:800;color:var(--accent-color)}.pdf-toolbar-premium .page-display .separator{opacity:.4;font-size:.8rem}.pdf-toolbar-premium .page-display .total{font-size:.85rem;opacity:.6}.pdf-toolbar-premium .zoom-text{font-size:.8rem;font-weight:700;min-width:48px;text-align:center;opacity:.9}.pdf-toolbar-premium .action-btn-premium{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;border:none;background:transparent;color:var(--text-primary);font-size:.75rem;font-weight:800;letter-spacing:.05em;cursor:pointer;transition:all .2s}.pdf-toolbar-premium .action-btn-premium span{margin-top:1px}.pdf-toolbar-premium .action-btn-premium:hover{background:#ffffff1a}.pdf-toolbar-premium .action-btn-premium.active{background:var(--accent-color);color:#fff;box-shadow:0 0 15px rgba(var(--accent-rgb),.4)}.pdf-container{display:flex;flex:1;width:100%;height:100%;min-height:0;position:relative;background:#111}.pdf-container .pdf-sidebar{width:240px;height:100%;background:#0d0d0d;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;flex-shrink:0}.pdf-container .pdf-sidebar .sidebar-label{padding:16px;font-size:.65rem;font-weight:800;color:#fff6;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.05)}.pdf-container .pdf-sidebar .sidebar-comments-list{flex:1;overflow-y:auto;position:relative}.pdf-container .pdf-sidebar .sidebar-comments-list .sidebar-progress-container{position:sticky;top:0;left:0;width:100%;height:4px;background:#ffffff0d;overflow:hidden;z-index:100}.pdf-container .pdf-sidebar .sidebar-comments-list .sidebar-progress-container .sidebar-progress-bar{width:40%;height:100%;background:var(--accent-color);box-shadow:0 0 12px var(--accent-color);animation:progress-slide 1.5s infinite ease-in-out}.pdf-container .pdf-sidebar .sidebar-comments-list .thumb-list{padding:16px;display:flex;flex-direction:column;gap:20px}.pdf-container .pdf-sidebar .sidebar-comments-list .thumb-list::-webkit-scrollbar{width:4px}.pdf-container .pdf-sidebar .sidebar-comments-list .thumb-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.pdf-container .pdf-sidebar .sidebar-comments-list .thumb-list .thumb-item{position:relative;cursor:pointer}.pdf-container .pdf-sidebar .sidebar-comments-list .thumb-list .thumb-item img{width:100%;border-radius:6px;border:2px solid transparent;transition:all .2s;box-shadow:0 4px 12px #0000004d}.pdf-container .pdf-sidebar .sidebar-comments-list .thumb-list .thumb-item .page-num{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:700;color:#ffffff4d}.pdf-container .pdf-sidebar .sidebar-comments-list .thumb-list .thumb-item:hover img{transform:translateY(-2px);border-color:#fff3}.pdf-container .pdf-sidebar .sidebar-comments-list .thumb-list .thumb-item.active img{border-color:var(--accent-color);box-shadow:0 0 15px rgba(var(--accent-rgb),.3)}.pdf-container .pdf-sidebar .sidebar-comments-list .thumb-list .thumb-item.active .page-num{color:var(--accent-color)}.pdf-container .pdf-viewport,.pdf-container .document-viewport{flex:1;position:relative;overflow:auto;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;padding:60px;scroll-behavior:smooth}.pdf-container .pdf-viewport::-webkit-scrollbar,.pdf-container .document-viewport::-webkit-scrollbar{width:8px;height:8px}.pdf-container .pdf-viewport::-webkit-scrollbar-thumb,.pdf-container .document-viewport::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:99px}.pdf-container .pdf-viewport .canvas-wrapper,.pdf-container .document-viewport .canvas-wrapper{position:relative;box-shadow:0 40px 80px #0009;background:#fff;transition:transform .3s cubic-bezier(.16,1,.3,1);transform-origin:top center}.pdf-container .pdf-viewport .canvas-wrapper canvas,.pdf-container .document-viewport .canvas-wrapper canvas{display:block;width:auto!important;max-width:none!important;height:auto!important}.pdf-annotation-layer{position:absolute;inset:0;pointer-events:none;z-index:100}.pdf-annotation-layer>*{pointer-events:auto}.document-viewport .canvas-wrapper{background:#fff;box-shadow:0 10px 30px #0000004d;overflow:hidden;width:90%!important;height:80vh}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.privacy-toggle{display:flex;align-items:center;gap:6px;background:var(--bg-secondary);border:1px solid var(--border-color);padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .2s;margin-right:auto}.privacy-toggle:hover{background:var(--bg-surface);border-color:var(--accent-color)}.privacy-toggle.private{color:var(--warning-color, #f59e0b);background:#f59e0b0d;border-color:#f59e0b33}.privacy-toggle .icon{font-size:14px}.privacy-toggle-mini{background:none;border:1px solid var(--border-color);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.privacy-toggle-mini:hover{border-color:var(--accent-color)}.privacy-toggle-mini.private{color:var(--warning-color);background:#f59e0b0d}.privacy-badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#f59e0b1a;border-radius:50%;margin-left:8px}.privacy-badge .lock-icon{font-size:10px}.guest-name-overlay{position:fixed;inset:0;background:#000000e6;z-index:20000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .4s ease}.guest-prompt-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;padding:40px;width:100%;max-width:440px;text-align:center;box-shadow:0 25px 50px -12px #00000080;animation:scaleUp .4s cubic-bezier(.175,.885,.32,1.275)}.guest-prompt-card .card-header-icon{font-size:40px;margin-bottom:24px;background:var(--bg-secondary);width:80px;height:80px;line-height:80px;border-radius:20px;display:inline-block}.guest-prompt-card h3{font-size:1.5rem;font-weight:800;margin-bottom:12px;color:var(--text-primary)}.guest-prompt-card p{color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.guest-prompt-card .input-group{display:flex;flex-direction:column;gap:12px}.guest-prompt-card .input-group input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);padding:16px;border-radius:12px;color:var(--text-primary);font-size:1rem;text-align:center}.guest-prompt-card .input-group input:focus{border-color:var(--accent-color);outline:none}.guest-prompt-card .input-group button{padding:16px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.guest-prompt-card .terms-hint{margin-top:24px;font-size:.75rem;opacity:.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.version-stack-selector{position:relative;display:flex;align-items:center;gap:4px;padding:4px 10px;background:rgba(var(--accent-rgb, 79, 126, 247),.1);color:var(--accent-color, #4F7EF7);border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:700;transition:all .2s;-webkit-user-select:none;user-select:none}.version-stack-selector:hover{background:rgba(var(--accent-rgb, 79, 126, 247),.2)}.version-stack-selector .v-arrow{font-size:.8rem;opacity:.7}.version-dropdown{position:absolute;top:calc(100% + 10px);left:0;width:240px;background:var(--bg-surface, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;box-shadow:0 10px 30px #00000026;z-index:10006;padding:8px 0;animation:slideInDown .2s ease-out}.version-dropdown .dropdown-header{padding:8px 16px;font-size:.7rem;font-weight:800;color:var(--text-secondary, #808080);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color, #e5e7eb);margin-bottom:4px}.version-dropdown .version-item{padding:10px 16px;display:flex;flex-direction:column;gap:4px;transition:all .2s;cursor:pointer;text-align:left}.version-dropdown .version-item:hover{background:var(--bg-secondary, #f9fafb)}.version-dropdown .version-item.active{background:rgba(var(--accent-rgb, 79, 126, 247),.05);border-left:3px solid var(--accent-color, #4F7EF7);padding-left:13px}.version-dropdown .version-item .v-main{display:flex;align-items:center;gap:8px}.version-dropdown .version-item .v-main .v-num{font-weight:700;color:var(--text-primary, #111)}.version-dropdown .version-item .v-main .v-badge{font-size:.6rem;font-weight:800;padding:2px 6px;border-radius:4px;text-transform:uppercase}.version-dropdown .version-item .v-main .v-badge.latest{background:var(--accent-color, #4F7EF7);color:#fff}.version-dropdown .version-item .v-main .v-badge.status{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #6b7280)}.version-dropdown .version-item .v-main .v-badge.status.approved{background:#22c55e;color:#fff}.version-dropdown .version-item .v-main .v-badge.status.rejected{background:#ef4444;color:#fff}.version-dropdown .version-item .v-meta{font-size:.7rem;color:var(--text-secondary, #6b7280);opacity:.7}app-member-dropdown{display:block}app-member-dropdown .dropdown-popover-large-group{position:absolute;top:calc(100% + 8px);left:0;width:280px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);z-index:1200;overflow:hidden;animation:fadeInDown .2s ease-out}@media (max-width: 480px){app-member-dropdown .dropdown-popover-large-group{position:fixed;inset:16px;width:auto;height:auto;max-height:80vh}}app-member-dropdown .pop-search{padding:12px;border-bottom:1px solid var(--border-color)}app-member-dropdown .pop-search input{background:var(--bg-secondary);color:var(--text-primary)}app-member-dropdown .member-row{padding:10px 16px}app-member-dropdown .member-row:hover{background:var(--bg-secondary)}app-member-dropdown .member-row.active .m-check{color:var(--accent-color)}app-chat-widget{display:block}app-chat-widget .chat-widget-wrapper{position:fixed;bottom:24px;right:24px;z-index:1000}app-chat-widget .chat-toggle-btn{width:56px;height:56px;background:var(--aseda-gradient);color:#fff;box-shadow:0 10px 25px rgba(var(--accent-rgb),.3)}app-chat-widget .chat-window{position:absolute;bottom:80px;right:0;width:360px;height:560px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 20px 50px #0000004d}@media (max-width: 480px){app-chat-widget .chat-window{position:fixed;inset:0;width:100vw;height:100vh;border-radius:0;z-index:10002}}app-chat-widget .chat-header{background:var(--aseda-gradient);color:#fff;padding:20px}app-chat-widget .chat-messages{background:var(--bg-secondary)}app-chat-widget .bubble{border-radius:16px;padding:12px 16px}app-chat-widget .user-msg .bubble{background:var(--accent-color);color:#fff}app-chat-widget .bot-msg .bubble,app-chat-widget .agent-msg .bubble{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary)}app-notification-center{display:block;position:relative}app-notification-center .trigger-btn{position:relative;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1)}app-notification-center .trigger-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}app-notification-center .trigger-btn:active{transform:scale(.95)}app-notification-center .unread-badge{position:absolute;top:-2px;right:-2px;background:var(--danger-color);color:#fff;font-size:.65rem;font-weight:800;min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-surface);box-shadow:0 2px 4px #0000001a;letter-spacing:-.02em}app-notification-center .dropdown-panel{position:absolute;top:calc(100% + .75rem);right:-.5rem;width:380px;max-height:520px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--aseda-shadow-lg);display:flex;flex-direction:column;overflow:hidden;z-index:10005;animation:slideDownFade .3s cubic-bezier(.16,1,.3,1)}@media (max-width: 640px){app-notification-center .dropdown-panel{position:fixed;inset:0;width:100vw;height:100vh;max-height:none;border-radius:0;z-index:10001}}app-notification-center .dropdown-panel .dropdown-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface)}app-notification-center .dropdown-panel .dropdown-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary)}app-notification-center .dropdown-panel .dropdown-footer{padding:12px;border-top:1px solid var(--border-color);background:var(--bg-secondary);text-align:center}app-notification-center .dropdown-panel .dropdown-footer a{font-size:.8125rem;font-weight:600;color:var(--accent-color);text-decoration:none;transition:color .2s}app-notification-center .dropdown-panel .dropdown-footer a:hover{color:var(--accent-hover);text-decoration:underline}app-notification-center .dropdown-panel .mark-all-btn{background:none;border:none;color:var(--accent-color);font-size:.75rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}app-notification-center .dropdown-panel .mark-all-btn:hover:not(:disabled){background:rgba(var(--accent-rgb),.1)}app-notification-center .dropdown-panel .mark-all-btn:disabled{opacity:.5;cursor:not-allowed}app-notification-center .dropdown-panel .notification-list{flex:1;overflow-y:auto;background:var(--bg-surface)}app-notification-center .dropdown-panel .notification-list::-webkit-scrollbar{width:4px}app-notification-center .dropdown-panel .notification-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}app-notification-center .dropdown-panel .notification-item{padding:16px 20px;display:flex;gap:16px;cursor:pointer;transition:all .2s;border-bottom:1px solid var(--border-color);position:relative}app-notification-center .dropdown-panel .notification-item:hover{background:var(--bg-secondary)}app-notification-center .dropdown-panel .notification-item.unread{background:rgba(var(--accent-rgb),.03)}app-notification-center .dropdown-panel .notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-color)}app-notification-center .dropdown-panel .notification-item .actor-avatar{width:40px;height:40px;border-radius:12px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}app-notification-center .dropdown-panel .notification-item .actor-avatar img{width:100%;height:100%;object-fit:cover}app-notification-center .dropdown-panel .notification-item .actor-avatar span{font-weight:700;color:var(--text-secondary)}app-notification-center .dropdown-panel .notification-item .content{flex:1;display:flex;flex-direction:column;gap:4px}app-notification-center .dropdown-panel .notification-item .content .message{margin:0;font-size:.9rem;line-height:1.4;color:var(--text-primary)}app-notification-center .dropdown-panel .notification-item .content .message strong{font-weight:700;color:var(--text-primary)}app-notification-center .dropdown-panel .notification-item .content .time{font-size:.75rem;color:var(--text-muted)}app-notification-center .dropdown-panel .notification-item .unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-color);margin-top:16px}app-notification-center .dropdown-panel .empty-state{padding:60px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary)}app-notification-center .dropdown-panel .empty-state .icon{font-size:3rem;margin-bottom:20px;opacity:.5}app-notification-center .dropdown-panel .empty-state p{margin:0;font-size:.95rem;font-weight:500}app-onboarding{display:block}app-onboarding .onboarding-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-secondary);padding:20px}app-onboarding .onboarding-card{width:100%;max-width:480px;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow-md)}app-onboarding h1{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:8px}app-onboarding p{color:var(--text-secondary);margin-bottom:32px}app-onboarding input,app-onboarding select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;width:100%;transition:all .2s ease}app-onboarding input:focus,app-onboarding select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}app-onboarding .form-row{display:flex;gap:16px;margin-bottom:1rem}@media (max-width: 640px){app-onboarding .form-row{flex-direction:column}}app-onboarding .form-row .half{flex:1}app-onboarding .btn-primary{width:100%;margin-top:1.5rem}app-onboarding .color-picker{display:flex;gap:12px;margin-top:8px}app-onboarding .color-picker .color-option{width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s}app-onboarding .color-picker .color-option:hover{transform:scale(1.1)}app-onboarding .color-picker .color-option.active{transform:scale(1.15);box-shadow:0 0 0 3px #0000001a}