:root{font-family:DM Sans,sans-serif;color:#2d2824;background:#f7f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:#27221f;color:#e9e2d8;display:flex;flex-direction:column;padding:32px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 14px 54px}.brand>span{font-size:10px;letter-spacing:2.2px;font-weight:700}.logo{font-family:Playfair Display,serif;font-size:39px;line-height:1;color:#fff;letter-spacing:-3px}.logo span{color:#c99378}.logo.big{font-size:62px;color:#2d2824}.navlabel,.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;color:#ac826e}.navlabel{color:#847c75;padding:0 16px 15px}.sidebar nav{display:grid;gap:6px}.sidebar nav button,.sidebottom button{width:100%;background:transparent;border:0;color:#c2b9b0;text-align:left;display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:10px;font-size:13px}.sidebar nav button:hover,.sidebottom button:hover,.sidebar nav button.active{background:#3c342e;color:#fff}.count{margin-left:auto;background:#b87960;color:#fff;padding:2px 7px;border-radius:10px;font-size:10px}.sidebottom{margin-top:auto;border-top:1px solid #484039;padding-top:16px}.useremail{font-size:11px;color:#a99e93;word-break:break-all;padding:10px 15px}.main{min-width:0;flex:1}.topbar{height:72px;border-bottom:1px solid #e8e3dc;display:flex;align-items:center;justify-content:space-between;padding:0 48px;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#8b8077}.slash{color:#d2c6ba;padding:0 10px}.topright{display:flex;align-items:center;gap:20px}.today{font-weight:400;letter-spacing:0;text-transform:capitalize}.content{padding:48px;max-width:1650px;margin:auto}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:34px}.heading h1,.auth-card h1,.setup h1{font-family:Playfair Display,serif;font-weight:500;font-size:37px;line-height:1.22;letter-spacing:-1px;margin:12px 0}.heading p,.auth-card p,.setup p{color:#8d837a;font-size:13px;margin:0;line-height:1.7}.primary,.secondary{border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;font-size:12px;font-weight:700;white-space:nowrap}.primary{background:#a96f57;color:#fff}.primary:hover{background:#915840}.secondary{background:#fff;border-color:#e4ded6;color:#554b44}.secondary:hover{background:#f7f1eb}.iconbtn{border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;padding:7px;border-radius:8px}.iconbtn:hover{background:#ece5dd}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat,.panel{background:#fff;border:1px solid #eae5df;border-radius:13px}.stat{padding:25px;display:flex;flex-direction:column;gap:13px}.stat>span{font-size:12px;color:#80756c}.stat strong{font-family:Playfair Display,serif;font-size:36px;font-weight:500}.stat small{font-size:11px;color:#a49a92}.dashboardgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.panel{padding:25px;min-width:0}.paneltitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.paneltitle h2{font-size:16px;font-weight:700;margin:0}.textaction,.linkbtn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:0;color:#a36c55;font-size:12px}.progressrow{display:grid;grid-template-columns:150px 1fr 25px;align-items:center;gap:15px;margin:18px 0;font-size:12px;color:#655b53}.progressrow b{text-align:right}.progress{height:7px;border-radius:8px;background:#f0e9e3;overflow:hidden}.progress div{height:100%;background:#b78268;border-radius:8px}.dueitem{display:flex;align-items:center;gap:13px;background:none;border:0;border-bottom:1px solid #f1ece7;padding:13px 0;width:100%;text-align:left}.dueitem>div:nth-child(2){flex:1}.dueitem strong,.dueitem small{display:block}.dueitem strong{font-size:13px}.dueitem small{font-size:11px;color:#b1785f;margin-top:5px}.avatar{background:#eee4dc;color:#9b6a55;border-radius:11px;width:40px;height:40px;display:grid;place-items:center;font-family:Playfair Display,serif;font-size:19px;flex-shrink:0}.emptymini{text-align:center;color:#6b5e54;padding:48px 12px;font-size:14px}.emptymini small{display:block;color:#aaa096;margin-top:10px;font-size:12px}.muted{color:#aaa096;font-size:12px}.kanban{display:flex;gap:15px;overflow-x:auto;padding-bottom:20px;align-items:stretch}.kanbancol{width:245px;min-width:245px;background:#efebe6;border-radius:12px;padding:12px}.kanbanhead{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;padding:10px 6px 16px}.kanbanhead b{font-size:11px;background:#fff;border-radius:15px;padding:3px 9px}.kanbanlist{min-height:260px}.kanbancard{background:#fff;border:1px solid #e8e0d8;border-radius:10px;margin-bottom:10px;padding:14px;box-shadow:0 2px 4px #29201708}.cardclick{background:none;border:0;text-align:left;width:100%;padding:0}.kanbancard .tiny{display:block;color:#b17d64;font-size:9px;letter-spacing:1px;text-transform:uppercase}.kanbancard strong{display:block;margin:9px 0 5px;font-size:13px}.kanbancard small{font-size:11px;color:#988d84}.cardfoot{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:10px;color:#948a82}.kanbancard select{width:100%;margin-top:12px;font-size:10px;padding:6px;border:1px solid #eee5dd;border-radius:6px;background:#faf8f5;color:#81766e}.dropempty{border:1px dashed #d7ccc1;color:#a79c92;border-radius:8px;text-align:center;padding:25px 5px;font-size:11px}.priority{font-size:10px;border-radius:30px;padding:5px 9px;background:#eeeae5;color:#82766c}.priority.alta{background:#f4e0df;color:#750608}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.search{display:flex;align-items:center;gap:10px;flex:1;min-width:210px;background:#f9f7f4;border:1px solid #e9e2db;border-radius:9px;padding:0 13px}.search input{border:0;outline:0;background:transparent;padding:12px 0;width:100%;font-size:12px}.toolbar select{max-width:180px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:700px}th{font-size:10px;letter-spacing:1px;color:#a39a91;padding:15px 12px;border-bottom:1px solid #eee7e0}td{font-size:12px;padding:19px 12px;border-bottom:1px solid #f1ede9;color:#665b52}tbody tr{cursor:pointer}tbody tr:hover{background:#faf7f3}td strong,td small{display:block}td strong{color:#2d2824;font-size:13px}td small{margin-top:5px;color:#aaa096}.pill{font-size:10px;background:#f3eee8;color:#806956;padding:7px 10px;border-radius:30px;display:inline-block}.filebutton{cursor:pointer}.followrow{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #f0ebe5}.followname{flex:1}.followname button{display:block;border:0;background:none;padding:0;font-weight:700;font-size:13px}.followname small{display:block;color:#aa765c;margin-top:6px;font-size:11px}.help{margin-top:25px;color:#a1988e;font-size:11px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#221d19a6;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:16px;width:min(100%,480px);max-height:92vh;overflow-y:auto;box-shadow:0 25px 80px #0003}.modal.wide{width:min(100%,790px)}.modalhead{display:flex;justify-content:space-between;align-items:center;padding:23px 28px;border-bottom:1px solid #eee8e2}.modalhead h2{font-size:16px;margin:0}.formgrid{padding:26px 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field span{font-size:11px;font-weight:700;color:#70645a}input,select,textarea{background:#fbfaf8;border:1px solid #e6ded7;border-radius:8px;padding:11px 12px;width:100%;font-size:12px;color:#352e29;outline-color:#bd927b}textarea{resize:vertical}.span2{grid-column:span 2}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.detail{padding:28px}.detailtop{display:flex;justify-content:space-between;gap:15px}.detailtop h2{font-family:Playfair Display,serif;font-size:32px;margin:9px 0}.detailtop p{color:#958b82;font-size:12px}.detailactions{display:flex;gap:8px;align-items:flex-start}.chips{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.quicklinks{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 25px}.quicklinks a{border:1px solid #e8e0d8;padding:9px 12px;border-radius:8px;font-size:11px;display:flex;gap:7px;align-items:center}.quicklinks a:hover{background:#f8f4ef}.facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:23px 0;border-top:1px solid #eee7e0;border-bottom:1px solid #eee7e0}.facts div span,.facts div strong{display:block;font-size:12px}.facts div span{color:#a1988e;margin-bottom:8px}.facts div strong{font-weight:600;overflow-wrap:anywhere}.notes{margin-top:22px;font-size:12px}.notes p{color:#756a61;white-space:pre-wrap;line-height:1.7}.history{margin-top:30px}.history h3{font-size:15px}.history form{display:grid;grid-template-columns:150px 1fr;gap:10px}.history form textarea{grid-column:span 2}.history form button{grid-column:2;justify-self:end}.timeline{margin-top:25px}.timelineitem{display:flex;gap:15px;padding:0 0 20px}.timelinepoint{width:9px;height:9px;border-radius:50%;background:#bd8b70;margin-top:5px;flex-shrink:0}.timelineitem strong,.timelineitem small{display:block;font-size:12px}.timelineitem small{color:#a79d94;margin-top:4px;font-size:10px}.timelineitem p{font-size:12px;white-space:pre-wrap;line-height:1.6}.auth-screen,.setup,.center{min-height:100vh;display:grid;place-items:center;padding:25px}.auth-card{max-width:430px;width:100%;padding:45px;background:#fff;border:1px solid #eae3db;border-radius:17px}.auth-card h1{font-size:35px;margin:18px 0}.auth-card h1 em{color:#a96f57;font-weight:500}.auth-card p{margin-bottom:26px}.auth-card form{display:grid;gap:16px}.full{width:100%;margin-top:5px}.linkbtn{margin-top:19px}.feedback{padding:10px;background:#f9eee7;color:#9b6048;border-radius:8px}.setup{display:flex;flex-direction:column;justify-content:center;text-align:center;max-width:620px;margin:auto;gap:15px}.setup code{background:#eee6dd;padding:3px 5px;border-radius:4px}.error{padding:14px 17px;background:#fbe7e1;color:#9c4e3b;display:flex;justify-content:space-between;align-items:center;border-radius:8px;margin-bottom:20px;font-size:12px}.loading{font-size:11px;color:#a88a76;margin-bottom:15px}.mobile{display:none}@media(max-width:1100px){.content{padding:32px}.topbar{padding:0 32px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:fixed;z-index:8;left:-260px;transition:left .2s}.sidebar.show{left:0}.mobile{display:inline-flex}.topbar{padding:0 16px;height:62px}.today{display:none}.content{padding:25px 17px}.heading{align-items:flex-start;flex-direction:column}.heading h1{font-size:29px}.stats{gap:10px}.stat{padding:17px}.stat strong{font-size:28px}.dashboardgrid{grid-template-columns:1fr}.panel{padding:17px}.progressrow{grid-template-columns:105px 1fr 18px;gap:8px;font-size:10px}.formgrid{grid-template-columns:1fr;padding:20px}.formgrid>.span2{grid-column:1}.modalhead,.detail{padding:20px}.history form{grid-template-columns:1fr}.history form textarea,.history form button{grid-column:1}.auth-card{padding:27px}.followrow .secondary{font-size:10px;padding:9px}.facts{grid-template-columns:1fr 1fr}}:root{--cherry:#750608;--cosmos:#74A5BE;--warm:#FFF8F0;--ink:#0A0A0A;--line:#e9ded8;font-family:DM Sans,sans-serif;color:var(--ink);background:var(--warm)}body{background:var(--warm)}.sidebar{background:var(--cherry);color:#fff}.brand{gap:13px;padding-bottom:48px}.brand>span{font-size:10px;letter-spacing:2px;color:#fff;font-weight:700}.logo{display:flex;align-items:center;justify-content:center;width:44px;height:52px;letter-spacing:normal}.logo img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.logo.big{width:78px;height:104px;margin-bottom:10px}.logo.big img{filter:none}.navlabel{color:#e1b9b9}.sidebar nav button,.sidebottom button{color:#f0dede}.sidebar nav button:hover,.sidebottom button:hover,.sidebar nav button.active{background:#ffffff21;color:#fff}.sidebottom{border-color:#ffffff3b}.useremail{color:#e5baba}.count{background:var(--cosmos);color:var(--ink)}.topbar{background:#fff9;border-bottom-color:var(--line);color:#736966}.slash{color:var(--cherry)}.content{background:var(--warm)}.eyebrow{color:var(--cherry);letter-spacing:2.3px}.heading h1,.auth-card h1,.setup h1{font-family:Archivo Black,DM Sans,sans-serif;font-weight:400;letter-spacing:-1.6px;line-height:1.13}.heading h1{font-size:clamp(28px,3vw,42px)}.heading p,.auth-card p,.setup p{color:#6f6b68}.primary{background:var(--cherry);color:#fff;border-radius:7px}.primary:hover{background:#520405}.secondary{background:#fff;border-color:#ddd2cd;color:var(--cherry);border-radius:7px}.secondary:hover{background:#f7ece8}.textaction,.linkbtn{color:var(--cherry)}.stat,.panel{border-color:var(--line);border-radius:10px}.stat strong{font-family:Archivo Black,DM Sans,sans-serif;font-size:34px;color:var(--cherry)}.paneltitle h2{font-family:DM Sans,sans-serif;font-weight:800}.progress{background:#f3e8e3}.progress div{background:var(--cherry)}.avatar{background:#dbeaf0;color:var(--cherry);font-family:DM Sans,sans-serif;font-weight:800}.kanbancol{background:#f0e7e2}.kanbancard{border-color:var(--line)}.kanbancard .tiny,.followname small,.dueitem small{color:var(--cherry)}.pill{background:#f4e7e5;color:var(--cherry)}.priority.alta{background:#f4e0df;color:var(--cherry)}.priority.media,.priority.baja{background:#e3f0f5;color:#265b75}input,select,textarea{background:#fff;border-color:#ded5d0;color:var(--ink);outline-color:var(--cosmos)}.search{background:#fff;border-color:var(--line)}.modal{border-radius:12px}.detailtop h2{font-family:Archivo Black,DM Sans,sans-serif;font-size:29px}.timelinepoint{background:var(--cherry)}.auth-screen{background:var(--warm)}.auth-card{border-color:var(--line);border-radius:12px}.auth-card h1 em{font-family:Cormorant Garamond,serif;color:var(--cherry);font-size:1.16em;font-weight:600}.feedback{background:#e6f1f6;color:#265b75}.error{background:#f9e8e6;color:var(--cherry)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cosmos);outline-offset:2px}@media(max-width:760px){.heading h1{font-size:28px}.logo.big{width:65px;height:90px}}.team-panel{max-width:850px}.team-list{display:grid;gap:12px;margin:20px 0 30px}.team-member{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #eee1d9;border-radius:12px}.team-member small{display:block;color:#887d76;margin-top:3px}.team-invite{display:flex;gap:10px;margin:12px 0}.team-invite input{flex:1;min-width:0;border:1px solid #ddd1c9;border-radius:10px;padding:12px}@media(max-width:700px){.team-invite{flex-direction:column}}.commissions-page{display:grid;gap:18px;min-width:0}.commission-toolbar,.commission-result-heading,.commission-panel .paneltitle{display:flex;align-items:center;justify-content:space-between;gap:16px}.commission-toolbar h2,.commission-result-heading h3,.commission-panel h3{margin:5px 0 0}.commission-toolbar .secondary{gap:8px}.commission-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--line);padding-bottom:8px}.commission-tabs button{flex:0 0 auto;border:0;border-radius:7px;background:transparent;color:#716964;padding:10px 14px;font-size:13px}.commission-tabs button:hover,.commission-tabs button.active{background:#f4e7e5;color:var(--cherry);font-weight:700}.commission-section{display:grid;gap:16px;min-width:0}.commission-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px}.commission-metric{display:grid;gap:7px;min-width:0;padding:15px;background:#fff;border:1px solid var(--line);border-radius:8px}.commission-metric span,.commission-metric small{color:#746d68;font-size:12px}.commission-metric strong{font-family:Archivo Black,DM Sans,sans-serif;font-size:22px;color:var(--cherry);overflow-wrap:anywhere}.commission-panel{display:grid;gap:14px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:9px;min-width:0}.commission-panel .paneltitle{margin:0}.commission-result-heading{padding:14px 0 2px}.commission-result-heading h3{font-size:24px;color:var(--cherry)}.commission-progress-track{height:9px;border-radius:6px;background:#f0e7e2;overflow:hidden}.commission-progress-track span{display:block;height:100%;background:var(--cherry);border-radius:6px;transition:width .2s ease}.commission-list,.commission-compact-list{display:grid;gap:8px}.commission-row{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;padding:13px 0;border-top:1px solid var(--line)}.commission-row-main{display:grid;gap:4px;flex:1 1 230px;min-width:0}.commission-row-main strong{overflow-wrap:anywhere}.commission-row-main small,.commission-row-main p,.commission-compact-list small{color:#766f69;font-size:12px;margin:0}.commission-status{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 9px;border-radius:20px;background:#f0e7e2;color:#675d57;font-size:11px;font-weight:700}.commission-status.approved,.commission-status.pending{background:#e3f0f5;color:#265b75}.commission-status.rejected{background:#f8e5e3;color:var(--cherry)}.commission-alert,.commission-success{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:7px;font-size:13px;line-height:1.5}.commission-alert{background:#f4e7e5;color:var(--cherry)}.commission-success{background:#e3f0f5;color:#265b75}.commission-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;align-items:end}.commission-form-grid .field{min-width:0}.commission-form-grid .field input,.commission-form-grid .field select,.commission-form-grid .field textarea{width:100%;min-width:0}.commission-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;grid-column:1/-1}.commission-form-actions small{color:#746d68;font-size:11px;line-height:1.5;flex:1 1 220px}.commission-inline-form{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.commission-inline-form select,.commission-inline-form input{flex:1 1 190px;min-width:0;border:1px solid #ded5d0;border-radius:7px;padding:11px}.commission-review{display:grid;gap:8px;flex:1 1 100%;padding:10px;background:#faf7f4;border-radius:7px}.commission-review label{display:flex;align-items:center;gap:8px;font-size:12px}.commission-review textarea{width:100%;border:1px solid #ded5d0;border-radius:7px;padding:9px}.commission-warning{color:var(--cherry)!important}.commission-entry-select{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid var(--line);cursor:pointer}.commission-entry-select>span{display:grid;gap:3px;flex:1;min-width:0}.commission-entry-select small{color:#766f69;font-size:12px}.commission-compact-list{border-top:1px solid var(--line);padding-top:10px}.commission-compact-list>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0}.commission-compact-list strong{flex:1 1 180px}.commission-compact-list span{font-size:13px;font-weight:700}.commission-rules-note{display:flex;align-items:flex-start;gap:12px;color:#625a55}.commission-rules-note p{margin:4px 0 0;font-size:13px;line-height:1.6}.commission-rule-readout,.commission-bonus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.commission-rule-readout>div,.commission-bonus-grid>div{display:grid;gap:5px;padding:11px;background:#faf7f4;border-radius:7px;min-width:0}.commission-rule-readout strong,.commission-bonus-grid b{color:var(--cherry);overflow-wrap:anywhere}.commission-rule-readout small,.commission-bonus-grid span{font-size:11px;color:#766f69}.commission-bonus-grid>div{grid-template-columns:auto 1fr;align-items:baseline}.commission-bonus-grid b{grid-column:1/-1}.commissions-empty{padding:22px;color:#746d68}.commission-table-wrap{width:100%;overflow:auto}.commission-table-wrap table{width:100%;border-collapse:collapse;min-width:620px}.commission-table-wrap th,.commission-table-wrap td{text-align:left;padding:10px 9px;border-bottom:1px solid var(--line);font-size:12px}.commission-table-wrap th{color:#786f69;font-size:10px;letter-spacing:.7px}@media(max-width:760px){.commission-toolbar{align-items:flex-start}.commission-toolbar h2{font-size:18px}.commission-panel{padding:14px}.commission-row{gap:9px}.commission-form-actions{align-items:stretch}.commission-form-actions button{width:100%;justify-content:center}}.member-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;border-radius:50%;background:#dbeaf0;color:var(--cherry);font-size:12px;font-weight:800;line-height:1}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-identity{display:inline-flex;align-items:center;gap:8px;min-width:0;vertical-align:middle;color:inherit;font-weight:600}.member-identity>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.profile-member-card{display:flex;align-items:flex-start;gap:12px;width:100%;min-width:0;padding:13px;text-align:left;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer}.profile-member-card:hover{border-color:var(--cosmos);background:#fbfdfe}.profile-member-copy{display:grid;gap:4px;min-width:0}.profile-member-copy>strong{overflow-wrap:anywhere}.profile-member-copy>small,.profile-bio-preview,.profile-specialty-preview{font-size:12px;color:#716964;line-height:1.45}.profile-bio-preview,.profile-specialty-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.profile-specialty-preview{color:var(--cherry)}.follow-assignee{display:flex;margin-top:5px}.commission-member-picker{display:flex;align-items:center;gap:8px;min-width:0}.commission-member-picker select{flex:1;min-width:0}.profile-editor-panel{max-width:900px}.profile-editor-heading{position:relative;display:flex;align-items:center;gap:18px;padding-bottom:8px}.profile-editor-heading>div:last-child{min-width:0}.profile-editor-heading h2{margin:5px 0;font-family:Archivo Black,DM Sans,sans-serif;font-size:22px}.profile-editor-heading p{margin:0;color:#716964;font-size:13px}.profile-avatar-preview{opacity:.2}.profile-preview-image{position:absolute;left:0;top:0;width:84px;height:84px;border-radius:50%;object-fit:cover}.profile-form{display:grid;gap:16px}.profile-photo-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.profile-upload-button{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.profile-photo-actions small{color:#716964;font-size:12px}.profile-field{display:grid;gap:7px;min-width:0}.profile-field>span{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:700;color:#655b56}.profile-field>span small{font-weight:400;color:#837a75}.profile-field input,.profile-field textarea{width:100%;min-width:0;border:1px solid #ded5d0;border-radius:7px;padding:11px 12px}.profile-specialties-fieldset{display:grid;gap:12px;margin:0;padding:14px;border:1px solid var(--line);border-radius:8px}.profile-specialties-fieldset legend{padding:0 5px;font-size:12px;font-weight:700;color:#655b56}.profile-specialty-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.profile-specialty-options label{display:flex;align-items:center;gap:8px;padding:8px;background:#faf7f4;border-radius:6px;font-size:12px}.profile-specialties-fieldset>small{color:#716964;font-size:11px}.profile-save{justify-self:start;gap:8px}.profile-message{margin:0}.profile-spinner{animation:profile-spin 1s linear infinite}@keyframes profile-spin{to{transform:rotate(360deg)}}.profile-pending{display:flex;align-items:center;gap:16px;flex-wrap:wrap;max-width:800px}.profile-pending h2{margin:0;font-size:18px}.profile-pending p{margin:5px 0;color:#716964;font-size:13px}.profile-role{display:inline-flex;align-items:center;padding:5px 9px;border-radius:20px;background:#e3f0f5;color:#265b75;font-size:11px;font-weight:700}.profile-role.admin{background:#f4e7e5;color:var(--cherry)}.profile-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#0a0a0a8c}.profile-detail-modal{position:relative;display:grid;justify-items:center;gap:18px;width:min(100%,520px);max-height:min(90vh,700px);overflow:auto;padding:32px;background:var(--warm);border:1px solid var(--line);border-radius:10px}.profile-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:#f0e7e2;color:var(--cherry);font-size:23px;line-height:1}.profile-detail-heading{display:grid;justify-items:center;gap:8px;text-align:center}.profile-detail-heading h2{margin:0;font-family:Archivo Black,DM Sans,sans-serif;font-size:24px;overflow-wrap:anywhere}.profile-detail-section{width:100%;padding-top:14px;border-top:1px solid var(--line)}.profile-detail-section h3{margin:0 0 8px;font-size:13px}.profile-detail-section p{margin:0;color:#655b56;font-size:13px;line-height:1.6;white-space:pre-wrap}.profile-specialty-list{display:flex;gap:7px;flex-wrap:wrap}.profile-specialty-list span{padding:6px 9px;background:#e3f0f5;color:#265b75;border-radius:18px;font-size:11px;font-weight:700}.profile-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.profile-metrics-grid>div{display:grid;gap:6px;min-width:0;padding:10px;background:#faf7f4;border-radius:7px}.profile-metrics-grid small{color:#766f69;font-size:11px}.profile-metrics-grid strong{color:var(--cherry);font-size:13px;overflow-wrap:anywhere}.profile-data-pending{overflow-wrap:anywhere}@media(max-width:600px){.profile-editor-heading{align-items:flex-start;flex-wrap:wrap}.profile-editor-heading h2{font-size:18px}.profile-detail-modal{padding:24px 18px}.profile-pending{align-items:flex-start}.team-list{grid-template-columns:1fr}}:root{color-scheme:light;--app-bg:#b3d2e4;--glass:rgba(255,255,255,.32);--glass-strong:rgba(255,255,255,.46);--glass-soft:rgba(210,238,252,.72);--text:#17313c;--muted:#526d79;--line:rgba(74,125,148,.24);--edge:rgba(74,125,148,.34);--shadow:rgba(45,103,126,.18);--inner:rgba(255,255,255,.78);--accent:#750608;--accent-strong:#5c0308;--accent-contrast:#fff8f0;--sidebar-glass:rgba(255,255,255,.42);--focus-ring:#28789a;--glass-shadow:0 14px 38px rgba(45,103,126,.13),inset 0 1px 0 rgba(255,255,255,.84);--glass-blur:blur(22px) saturate(145%)}:root[data-theme=dark]{color-scheme:dark;--app-bg:#290912;--glass:rgba(117,28,49,.3);--glass-strong:rgba(116,31,48,.44);--glass-soft:rgba(119,158,190,.33);--text:#fff2f5;--muted:#d5bac4;--line:rgba(210,155,175,.2);--edge:rgba(210,155,175,.32);--shadow:rgba(0,0,0,.46);--inner:rgba(255,224,222,.28);--accent:#74a5be;--accent-strong:#9cc9dc;--accent-contrast:#210a12;--sidebar-glass:rgba(65,20,37,.58);--focus-ring:#9bd4ee;--glass-shadow:0 18px 46px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--app-bg:#290912;--glass:rgba(117,28,49,.3);--glass-strong:rgba(116,31,48,.44);--glass-soft:rgba(119,158,190,.33);--text:#fff2f5;--muted:#d5bac4;--line:rgba(210,155,175,.2);--edge:rgba(210,155,175,.32);--shadow:rgba(0,0,0,.46);--inner:rgba(255,224,222,.28);--accent:#74a5be;--accent-strong:#9cc9dc;--accent-contrast:#210a12;--sidebar-glass:rgba(65,20,37,.58);--focus-ring:#9bd4ee;--glass-shadow:0 18px 46px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.1)}}html{min-height:100%;background:var(--warm);color-scheme:inherit}body{min-height:100vh;color:var(--ink);background:var(--warm);font-family:DM Sans,sans-serif}#root{min-height:100vh}.shell{background:transparent;color:var(--ink)}:root[data-theme=dark] .shell{color:var(--text)}:root[data-theme=dark] .slash{color:var(--accent)}.sidebar{margin:12px 0 12px 12px;height:calc(100vh - 24px);border:1px solid var(--line);border-radius:18px;background:var(--sidebar-glass);color:var(--text);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}.brand>span,.navlabel,.useremail{color:var(--muted)}.sidebar nav button,.sidebottom button{color:var(--muted);border-radius:11px;transition:background-color .18s ease,color .18s ease,transform .18s ease}.sidebar nav button:hover,.sidebottom button:hover{background:var(--glass-soft);color:var(--text);transform:translate(2px)}.sidebar nav button.active{background:var(--accent);color:var(--accent-contrast);box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 24%,transparent)}.sidebottom{border-color:var(--line)}.main{color:var(--ink)}.topbar{background:var(--glass);border:1px solid var(--line);border-radius:15px;margin:12px 18px 0;padding:0 24px;color:var(--muted);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}.content-glass{color:var(--text);background:transparent}.content:not(.dashboard-glass){--line:#e9ded8;--cherry:#750608;--cosmos:#74A5BE}.content-glass .heading h1,.content-glass .panel h2,.content-glass .panel h3,.content-glass h2,.content-glass h3{color:var(--text)}.content-glass .heading p,.content-glass .muted,.content-glass .help{color:var(--muted)}.content-glass .eyebrow{color:var(--accent);font-weight:800}.content-glass .panel{border-radius:15px}.content-glass .stat{border-radius:14px}.content-glass .stat strong{color:var(--accent)}.content-glass .primary{background:var(--accent);border-color:transparent;color:var(--accent-contrast);border-radius:999px;box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 20%,transparent);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.content-glass .primary:hover{background:var(--accent-strong);color:var(--accent-contrast);transform:translateY(-1px);box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 24%,transparent)}.content-glass .secondary{background:var(--glass-strong);border-color:var(--line);color:var(--accent);border-radius:999px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:background-color .18s ease,transform .18s ease}.content-glass .secondary:hover{background:var(--glass-soft);color:var(--text);transform:translateY(-1px)}.content-glass .textaction,.content-glass .linkbtn{color:var(--accent)}.content-glass input,.content-glass select,.content-glass textarea{color:var(--text);background:var(--glass-strong);border-color:var(--line);border-radius:9px;box-shadow:inset 0 1px 2px #0a232f0a}.content-glass input::placeholder,.content-glass textarea::placeholder{color:var(--muted);opacity:.8}.content-glass select option{color:#17313c;background:#f7fcfe}.content-glass table{color:var(--text)}.content-glass th{color:var(--muted)}.content-glass td,.content-glass th{border-color:var(--line)}.content-glass .tablewrap td,.content-glass .tablewrap td strong,.content-glass .commission-table-wrap td,.content-glass .commission-table-wrap td strong{color:var(--text)}.content-glass .commission-metric span,.content-glass .commission-row-main small,.content-glass .commission-row-main p,.content-glass .commission-compact-list small,.content-glass .commission-form-actions small,.content-glass .commission-tabs button{color:var(--muted)}.content-glass .commission-result-heading h3{color:var(--text)}.content-glass p,.content-glass small,.content-glass .muted,.content-glass .help,.content-glass .commission-rules-note,.content-glass .commission-warning,.content-glass .profile-field>span,.content-glass .profile-field>span small,.content-glass .profile-specialties-fieldset legend,.content-glass .profile-detail-section p{color:var(--muted)}.content-glass .commission-warning{color:var(--accent)!important}.content-glass .commission-metric strong,.content-glass .commission-rule-readout strong,.content-glass .commission-bonus-grid b{color:var(--accent)}.content-glass .commission-status.approved,.content-glass .commission-status.pending,.content-glass .commission-success{background:#74a5be38;color:#265b75}.content-glass .commission-alert{background:#7506081f;color:var(--accent)}.content-glass .stat span,.content-glass .stat small,.content-glass .kanbanhead span,.content-glass .kanbanhead b{color:var(--muted)}.content-glass .kanbancard,.content-glass .dueitem,.content-glass .followrow{color:var(--text)}.content-glass .kanbancard .tiny{color:var(--accent)}.content-glass .profile-role,.content-glass .profile-specialty-list span{background:var(--glass-soft);color:var(--accent)}.content-glass .profile-member-card{color:var(--text)}.content-glass .avatar,.content-glass .member-avatar{background:var(--glass-soft);color:var(--accent)}.glass-surface,.profile-detail-modal,.glass-surface h1,.glass-surface h2,.glass-surface h3,.profile-detail-modal h2,.profile-detail-modal h3{color:var(--text)}.glass-surface p,.glass-surface small,.profile-detail-modal p,.profile-detail-modal small{color:var(--muted)}.glass-surface .eyebrow,.profile-detail-modal .eyebrow{color:var(--accent)}.glass-surface .field>span{color:var(--muted)}.glass-surface input,.glass-surface select,.glass-surface textarea{color:var(--text);background:var(--glass-strong);border-color:var(--line)}.glass-surface input::placeholder,.glass-surface textarea::placeholder{color:var(--muted);opacity:.82}.glass-surface .primary{background:var(--accent);color:var(--accent-contrast)}.glass-surface .secondary{background:var(--glass-strong);color:var(--accent);border-color:var(--line)}.search{background:var(--glass-soft);border-color:var(--line)}.content-glass .tablewrap,.content-glass .commission-table-wrap{background:transparent;border-color:var(--line)}.content-glass .pill{background:var(--glass-soft);color:var(--accent);border:1px solid var(--line)}.content-glass .priority.alta{background:#7506081f;color:var(--accent)}.content-glass .priority.media{background:#74a5be33;color:var(--text)}.content-glass .priority.baja{background:#74a5be38;color:#265b75}.content-glass .profile-member-copy>small,.content-glass .profile-bio-preview{color:var(--muted)}.content-glass .profile-specialty-preview{color:var(--accent)}.glass-surface,.profile-detail-modal{overflow:auto}.auth-theme{position:fixed;top:16px;right:18px;z-index:20}.content-glass .loading,.content-glass .emptymini{color:var(--muted)}.dashboard-glass .period-dashboard{display:grid;gap:14px;padding:20px;border-radius:17px;margin-bottom:24px}.dashboard-glass .period-dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}.dashboard-glass .period-dashboard-heading h2{margin:5px 0 0;color:var(--text);font-size:20px}.dashboard-glass .period-definition{margin:0;color:var(--muted);font-size:12px;line-height:1.55;max-width:900px}.dashboard-glass .period-select{display:grid;gap:5px;min-width:min(100%,260px);color:var(--muted);font-size:11px;font-weight:700}.dashboard-glass .period-select select{padding:9px 12px}.dashboard-glass .period-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dashboard-glass .period-kpi{display:grid;gap:7px;min-width:0;padding:16px;border-radius:13px}.dashboard-glass .period-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.dashboard-glass .period-kpi-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--glass-soft);color:var(--accent)}.dashboard-glass .period-kpi strong{font-family:Archivo Black,DM Sans,sans-serif;font-size:30px;color:var(--text);overflow-wrap:anywhere}.dashboard-glass .period-kpi-label{font-size:12px;font-weight:700;color:var(--muted)}.dashboard-glass .period-kpi small{font-size:10px;color:var(--muted);line-height:1.45}.dashboard-glass .period-change{display:inline-flex;align-items:center;padding:4px 8px;border-radius:99px;background:var(--glass-soft);color:var(--muted);font-size:10px;font-weight:800;white-space:nowrap}.dashboard-glass .period-change.up,.dashboard-glass .period-change.new{color:#265b75;background:#74a5be38}.dashboard-glass .period-change.down{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--glass))}.dashboard-glass .period-change.unknown{color:var(--muted)}.dashboard-glass .progress{background:var(--glass-soft)}.dashboard-glass .progressrow span{color:var(--muted)}.appearance-control{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--glass);color:var(--accent);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.appearance-control select{width:auto;min-width:104px;padding:4px 20px 4px 6px;border:0;background:transparent;box-shadow:none;color:var(--text);font-size:11px;font-weight:700}.appearance-control select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media(max-width:1100px){.sidebar{margin:10px 0 10px 10px;height:calc(100vh - 20px);border-radius:16px}.topbar{margin:10px 12px 0}.content{padding:30px}.dashboard-glass .period-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{margin:0;top:8px;left:-270px;height:calc(100vh - 16px);width:250px;border-radius:0 18px 18px 0}.sidebar.show{left:8px}.topbar{margin:8px 8px 0;padding:0 12px;border-radius:13px;gap:8px}.topright{gap:8px}.content{padding:22px 14px}.dashboard-glass .period-kpi-grid{grid-template-columns:1fr}.dashboard-glass .period-dashboard{padding:14px}.dashboard-glass .period-dashboard-heading h2{font-size:17px}.appearance-control{gap:4px;padding:5px 7px}.appearance-control select{min-width:92px}.heading{align-items:flex-start}.heading h1{overflow-wrap:anywhere}}@media(max-width:600px){.auth-theme{top:10px;right:10px}.auth-theme .appearance-control{padding:4px 6px}.auth-screen{padding-top:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root[data-theme=dark] .dashboard-glass .period-change.up,:root[data-theme=dark] .dashboard-glass .period-change.new{color:#d9edf6}:root[data-theme=dark] .content-glass .priority.baja{color:#d9edf6}:root[data-theme=dark] .content-glass .commission-status.approved,:root[data-theme=dark] .content-glass .commission-status.pending,:root[data-theme=dark] .content-glass .commission-success{color:#d9edf6}:root[data-theme=dark] .content-glass .priority.alta{color:#ffdbd7}body:has(.content-glass){position:relative;isolation:isolate;overflow-x:hidden;background:radial-gradient(ellipse at 78% 12%,rgba(255,255,255,.58),transparent 38%),radial-gradient(ellipse at 18% 78%,rgba(116,165,190,.3),transparent 48%),linear-gradient(130deg,var(--app-bg),var(--glass-soft));transition:background .5s ease,color .35s ease}body:has(.content-glass):before,body:has(.content-glass):after{content:"";position:fixed;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:0;pointer-events:none;will-change:transform,opacity;background:radial-gradient(ellipse at 18% 76%,rgba(116,165,190,.18),transparent 40%),radial-gradient(ellipse at 83% 20%,rgba(255,255,255,.2),transparent 35%);filter:blur(34px);animation:liquid-drift 26s ease-in-out infinite alternate}body:has(.content-glass):after{top:-18%;right:-18%;bottom:-18%;left:-18%;opacity:.42;background:linear-gradient(125deg,transparent 28%,rgba(255,255,255,.1) 48%,transparent 67%);filter:blur(25px);animation-duration:34s;animation-direction:alternate-reverse}:root[data-theme=dark] body:has(.content-glass){background:radial-gradient(ellipse at 84% 4%,rgba(117,6,8,.62),transparent 36%),radial-gradient(ellipse at 16% 82%,rgba(116,165,190,.22),transparent 46%),linear-gradient(125deg,#290912,#12070c)}:root[data-theme=dark] body:has(.content-glass):before{background:radial-gradient(ellipse at 16% 78%,rgba(117,6,8,.32),transparent 44%),radial-gradient(ellipse at 82% 14%,rgba(116,165,190,.16),transparent 36%)}body:has(.content-glass) .shell{position:relative;z-index:1}.glass-liquid-surface{--glass-x:50%;--glass-y:0%;position:relative;isolation:isolate;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s cubic-bezier(.2,.8,.2,1),border-color .32s ease,background .45s ease}.content-glass .panel,.content-glass .stat,.content-glass .period-dashboard,.content-glass .period-kpi,.content-glass .commission-panel,.content-glass .commission-metric,.content-glass .profile-member-card,.content-glass .team-member,.content-glass .kanbancol,.content-glass .kanbancard,.content-glass .dueitem,.content-glass .followrow,.glass-surface,.profile-detail-modal{--glass-x:50%;--glass-y:0%;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,var(--glass-strong),var(--glass) 56%,rgba(255,255,255,.12));border:1px solid var(--line);box-shadow:inset 0 1.5px #ffffffb8,inset 1px 0 #ffffff2e,inset 0 -8px 18px #1e465a09,0 14px 34px -13px var(--shadow),0 3px 10px #142d4612;backdrop-filter:blur(22px) saturate(175%);-webkit-backdrop-filter:blur(22px) saturate(175%);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background .3s ease,border-color .3s ease}.content-glass .panel:before,.content-glass .stat:before,.content-glass .period-dashboard:before,.content-glass .period-kpi:before,.content-glass .commission-panel:before,.content-glass .commission-metric:before,.content-glass .profile-member-card:before,.content-glass .team-member:before,.content-glass .kanbancol:before,.content-glass .kanbancard:before,.content-glass .dueitem:before,.content-glass .followrow:before,.glass-surface:before,.profile-detail-modal:before{content:"";position:absolute;inset:0 0 auto;height:43%;border-radius:inherit;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.075) 43%,transparent)}.content-glass .panel:after,.content-glass .stat:after,.content-glass .period-dashboard:after,.content-glass .period-kpi:after,.content-glass .commission-panel:after,.content-glass .commission-metric:after,.content-glass .profile-member-card:after,.content-glass .team-member:after,.content-glass .kanbancol:after,.content-glass .kanbancard:after,.content-glass .dueitem:after,.content-glass .followrow:after,.glass-surface:after,.profile-detail-modal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(360px circle at var(--glass-x,50%) var(--glass-y,40%),rgba(255,255,255,.5),transparent 66%);transition:opacity .22s ease;mix-blend-mode:screen}.sidebar:after,.topbar:after,.search:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(ellipse 210px 125px at var(--glass-x,50%) var(--glass-y,0%),rgba(255,255,255,.3),transparent 76%);transition:opacity .28s ease;mix-blend-mode:screen}.sidebar,.topbar,.search{--glass-x:50%;--glass-y:0%;isolation:isolate}.topbar,.search{position:relative}.sidebar>*,.topbar>*,.search>*{position:relative;z-index:1}.glass-pointer-active:after{opacity:1}:root[data-theme=dark] .content-glass .panel:after,:root[data-theme=dark] .content-glass .stat:after,:root[data-theme=dark] .content-glass .period-dashboard:after,:root[data-theme=dark] .content-glass .period-kpi:after,:root[data-theme=dark] .content-glass .commission-panel:after,:root[data-theme=dark] .content-glass .commission-metric:after,:root[data-theme=dark] .content-glass .profile-member-card:after,:root[data-theme=dark] .content-glass .team-member:after,:root[data-theme=dark] .content-glass .kanbancol:after,:root[data-theme=dark] .content-glass .kanbancard:after,:root[data-theme=dark] .content-glass .dueitem:after,:root[data-theme=dark] .content-glass .followrow:after,:root[data-theme=dark] .glass-surface:after,:root[data-theme=dark] .profile-detail-modal:after{background:radial-gradient(340px circle at var(--glass-x,50%) var(--glass-y,40%),rgba(255,205,192,.23),transparent 66%)}.content-glass .panel>*,.content-glass .stat>*,.content-glass .period-dashboard>*,.content-glass .period-kpi>*,.content-glass .commission-panel>*,.content-glass .commission-metric>*,.content-glass .profile-member-card>*,.content-glass .team-member>*,.content-glass .kanbancol>*,.content-glass .kanbancard>*,.content-glass .dueitem>*,.content-glass .followrow>*,.glass-surface>*,.profile-detail-modal>*{position:relative;z-index:1}.sidebar{background:linear-gradient(145deg,var(--sidebar-glass),var(--glass));border-color:var(--edge);box-shadow:inset 0 1px 1px #ffffff8f,inset 0 -2px 4px #285a7812,0 14px 34px var(--shadow);backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%);transition:background .45s ease,border-color .45s ease,box-shadow .45s ease}:root[data-theme=dark] .sidebar .logo img{filter:brightness(0) saturate(100%) invert(72%) sepia(16%) saturate(720%) hue-rotate(155deg) brightness(97%) contrast(90%)}.topbar{background:linear-gradient(135deg,var(--glass-strong),var(--glass));border-color:var(--edge);box-shadow:inset 0 1px 1px #ffffff94,0 12px 28px var(--shadow);backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%);transition:background .45s ease,border-color .45s ease,color .35s ease}.content-glass .primary,.content-glass .secondary{position:relative;isolation:isolate;overflow:hidden;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,filter .24s ease,background .35s ease,color .3s ease}.content-glass .primary:after,.content-glass .secondary:after{content:"";position:absolute;top:-75%;bottom:-75%;left:-75%;width:32%;pointer-events:none;transform:rotate(22deg) translate(0);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transition:transform .65s cubic-bezier(.2,.8,.2,1)}.content-glass .primary:active,.content-glass .secondary:active{transform:translateY(1px) scale(.985);transition-duration:.08s}.content-glass{animation:liquid-enter .46s cubic-bezier(.2,.8,.2,1) both}.search{background:var(--glass-soft);border:1px solid var(--edge);box-shadow:inset 0 2px 3px #ffffff70,0 5px 13px var(--shadow);backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%)}.search input{min-width:0;background:transparent;border:0;border-radius:0;box-shadow:none;padding-left:0;padding-right:0;outline:none}.search input:focus-visible{outline:none;box-shadow:none}.search:focus-within{border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 34%,transparent),inset 0 2px 3px #ffffff70,0 5px 13px var(--shadow)}@media(hover:hover)and (pointer:fine){.content-glass .panel:hover,.content-glass .stat:hover,.content-glass .period-dashboard:hover,.content-glass .period-kpi:hover,.content-glass .commission-panel:hover,.content-glass .commission-metric:hover,.content-glass .profile-member-card:hover,.content-glass .team-member:hover,.content-glass .kanbancol:hover,.content-glass .kanbancard:hover,.content-glass .dueitem:hover,.content-glass .followrow:hover,.glass-surface:hover,.profile-detail-modal:hover{transform:translateY(-4px);border-color:var(--edge);box-shadow:inset 0 1.5px 0 var(--inner),0 24px 42px -16px var(--shadow),0 6px 16px #142d4617}.content-glass .panel:hover:after,.content-glass .stat:hover:after,.content-glass .period-dashboard:hover:after,.content-glass .period-kpi:hover:after,.content-glass .commission-panel:hover:after,.content-glass .commission-metric:hover:after,.content-glass .profile-member-card:hover:after,.content-glass .team-member:hover:after,.content-glass .kanbancol:hover:after,.content-glass .kanbancard:hover:after,.content-glass .dueitem:hover:after,.content-glass .followrow:hover:after,.glass-surface:hover:after,.profile-detail-modal:hover:after,.sidebar:hover:after,.topbar:hover:after,.search:hover:after{opacity:.68}.content-glass .primary:hover:after,.content-glass .secondary:hover:after,.glass-surface .primary:hover:after,.glass-surface .secondary:hover:after{transform:rotate(22deg) translate(650%)}.content-glass .primary:hover,.content-glass .secondary:hover{transform:translateY(-2px);filter:brightness(1.04)}.content-glass .commission-panel:focus-within:hover,.content-glass .profile-editor-panel:focus-within:hover,.glass-surface:focus-within:hover{transform:none}.sidebar nav button:hover{transform:translate(3px)}}@keyframes liquid-drift{0%{transform:translate3d(-1.2%,.5%,0) scale(1)}to{transform:translate3d(1.4%,-.8%,0) scale(1.035)}}@keyframes liquid-enter{0%{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){body:has(.content-glass):before,body:has(.content-glass):after{animation:none!important}.content-glass{animation:none!important}.content-glass .panel:hover,.content-glass .stat:hover,.content-glass .period-dashboard:hover,.content-glass .period-kpi:hover,.content-glass .commission-panel:hover,.content-glass .commission-metric:hover,.content-glass .profile-member-card:hover,.content-glass .team-member:hover,.content-glass .kanbancol:hover,.content-glass .kanbancard:hover,.content-glass .dueitem:hover,.content-glass .followrow:hover,.content-glass .primary:hover,.content-glass .secondary:hover,.glass-surface:hover,.glass-surface .primary:hover,.glass-surface .secondary:hover,.profile-detail-modal:hover,.sidebar nav button:hover{transform:none!important}}.logo .logo-dark{display:none}:root[data-theme=dark] .logo .logo-light{display:none}:root[data-theme=dark] .logo .logo-dark{display:block}.logo img.logo-light,.logo img.logo-dark{filter:none}.overlay{overscroll-behavior:contain}.modal.glass-surface{display:flex;flex-direction:column;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:hidden;overscroll-behavior:contain}.modal.glass-surface>.modalhead{position:sticky;top:0;z-index:4;flex:0 0 auto;background:linear-gradient(145deg,var(--glass-strong),var(--glass) 56%,rgba(255,255,255,.12));border-bottom:1px solid var(--line);backdrop-filter:blur(22px) saturate(175%);-webkit-backdrop-filter:blur(22px) saturate(175%)}.modal.glass-surface>.formgrid,.modal.glass-surface>.detail{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.modal.glass-surface>.formgrid{scrollbar-gutter:stable}.modal.glass-surface>.formgrid{display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden;padding:0}.modal.glass-surface>.formgrid>.formgrid-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:18px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:26px 28px}.modal.glass-surface>.formgrid>.formgrid-scroll>.span2{grid-column:1/-1}.modal.glass-surface>.formgrid>.actions{position:relative;bottom:auto;z-index:3;grid-column:1/-1;flex:0 0 auto;margin:0;padding:12px 28px 22px;border-top:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--glass-strong) 78%,transparent),var(--glass-strong) 30%);backdrop-filter:blur(22px) saturate(175%);-webkit-backdrop-filter:blur(22px) saturate(175%)}@media(max-width:760px){.modal.glass-surface>.formgrid>.formgrid-scroll{grid-template-columns:1fr;padding:20px}}.content-glass .profile-specialty-options label,.content-glass .profile-metrics-grid>div{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,var(--glass-strong),var(--glass) 56%,rgba(255,255,255,.12));box-shadow:inset 0 1.5px 0 var(--inner),inset 1px 0 #ffffff2e,inset 0 -8px 18px #1e465a09,0 10px 24px -12px var(--shadow);backdrop-filter:blur(22px) saturate(175%);-webkit-backdrop-filter:blur(22px) saturate(175%);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease,background .3s ease}.content-glass .profile-specialty-options label{color:var(--text)}.content-glass .profile-specialty-options input[type=checkbox]{flex:0 0 16px;width:16px;height:16px;margin:0;padding:0;border:1px solid var(--accent);border-radius:4px;background:var(--glass-soft);box-shadow:inset 0 1px 1px #ffffff80;accent-color:var(--accent);-moz-appearance:auto;appearance:auto;-webkit-appearance:auto}.content-glass .profile-metrics-grid>div{color:var(--text)}.content-glass .profile-metrics-grid small{color:var(--muted)}.content-glass .profile-metrics-grid strong{color:var(--accent)}.content-glass .profile-specialty-options label:before,.content-glass .profile-metrics-grid>div:before{content:"";position:absolute;inset:0 0 auto;height:43%;border-radius:inherit;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.075) 43%,transparent)}.content-glass .profile-specialty-options label:after,.content-glass .profile-metrics-grid>div:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(220px circle at 50% 35%,rgba(255,255,255,.42),transparent 68%);transition:opacity .22s ease;mix-blend-mode:screen}.content-glass .profile-specialty-options label>*,.content-glass .profile-metrics-grid>div>*{position:relative;z-index:1}@media(hover:hover)and (pointer:fine){.content-glass .profile-specialty-options label:hover,.content-glass .profile-metrics-grid>div:hover{transform:translateY(-2px);border-color:var(--edge);box-shadow:inset 0 1.5px 0 var(--inner),0 18px 30px -14px var(--shadow)}.content-glass .profile-specialty-options label:hover:after,.content-glass .profile-metrics-grid>div:hover:after{opacity:.62}}:root[data-theme=dark] .content-glass .profile-specialty-options label:before,:root[data-theme=dark] .content-glass .profile-metrics-grid>div:before{background:linear-gradient(180deg,rgba(255,224,222,.16),rgba(255,224,222,.035) 48%,transparent)}:root[data-theme=dark] .content-glass .profile-specialty-options label:after,:root[data-theme=dark] .content-glass .profile-metrics-grid>div:after{background:radial-gradient(220px circle at 50% 35%,rgba(255,205,192,.23),transparent 68%)}:root[data-theme=dark] .content-glass .profile-metrics-grid small{color:var(--muted)}@media(prefers-reduced-motion:reduce){.content-glass .profile-specialty-options label:hover,.content-glass .profile-metrics-grid>div:hover{transform:none!important}}
