:root{--sa:#3B0B14;--sa2:#3B0B14;--sa-dark:#2A0710;--sa-soft:#fff2f2;--sa-bg:#fbfaf9;--sa-card:#fff;--sa-border:#ece7e4;--text:#241d1f;--muted:#766d70;--green:#2da66a;--green-soft:#eaf8f0;--yellow:#d99b23;--yellow-soft:#fff7e7;--red:#e14458;--red-soft:#fff0f2;--blue:#3f7fc4;--blue-soft:#eef6ff;--purple:#7752bd;--purple-soft:#f4efff;--shadow:0 8px 30px rgba(68,30,40,.06);--radius:14px} *{box-sizing:border-box}.sa-portal-body{margin:0;background:var(--sa-bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.45}.sa-portal-body a{text-decoration:none;color:inherit}.sa-portal-body button,.sa-portal-body input,.sa-portal-body select,.sa-portal-body textarea{font:inherit}.sa-app-v2{min-height:100vh;display:flex}.sa-sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:#fff;border-right:1px solid var(--sa-border);z-index:100;display:flex;flex-direction:column;overflow-y:auto}.sa-logo{height:94px;background:#3B0B14;display:flex;align-items:center;gap:10px;padding:20px 22px;color:#fff!important;letter-spacing:2px;font-size:15px;font-weight:700}.sa-logo img{width:42px;height:42px;object-fit:contain;border-radius:50%;background:#fff}.sa-sidebar nav{padding:22px 13px;display:flex;flex-direction:column;gap:4px}.sa-sidebar nav a{display:flex;align-items:center;gap:13px;min-height:43px;padding:9px 13px;border-radius:8px;color:#3f3538;position:relative}.sa-sidebar nav a i{width:21px;text-align:center;font-style:normal;color:var(--sa);font-size:18px}.sa-sidebar nav a b{margin-left:auto;background:var(--sa);color:#fff;border-radius:20px;padding:2px 7px;font-size:11px}.sa-sidebar nav a:hover,.sa-sidebar nav a.active{background:#3B0B14;color:#fff}.sa-sidebar nav a:hover i,.sa-sidebar nav a.active i{color:#fff}.sa-help-card{margin:auto 16px 18px;background:linear-gradient(145deg,#fff7f4,#ffe9e9);border:1px solid #f5dddd;border-radius:12px;padding:18px}.sa-help-card i{font-style:normal;font-size:28px;color:var(--sa)}.sa-help-card h3{margin:8px 0 5px;color:var(--sa)}.sa-help-card p{color:var(--muted);font-size:12px}.sa-help-card a{display:block;background:var(--sa);color:#fff!important;padding:10px 12px;border-radius:7px;text-align:center;font-weight:600}.sa-main-v2{margin-left:220px;min-width:0;width:calc(100% - 220px);display:flex;flex-direction:column;min-height:100vh}.sa-topbar{height:82px;background:#fff;border-bottom:1px solid var(--sa-border);display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:80}.sa-menu-toggle{display:none;background:none;border:0;font-size:24px;color:var(--sa);cursor:pointer}.sa-global-search{width:360px;height:42px;border:1px solid var(--sa-border);border-radius:8px;display:flex;align-items:center;background:#fff}.sa-global-search input{border:0;outline:0;padding:0 14px;flex:1;min-width:0;background:transparent}.sa-global-search button{border:0;background:none;font-size:22px;color:var(--sa);padding:5px 12px}.sa-top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.sa-notification-menu,.sa-profile-menu{position:relative}.sa-notification-toggle{width:42px;height:42px;border:0;background:transparent;color:var(--sa);font-size:24px;position:relative;cursor:pointer}.sa-notification-toggle b{position:absolute;top:0;right:0;background:var(--sa);color:#fff;border:2px solid #fff;min-width:19px;height:19px;line-height:15px;border-radius:50%;font-size:10px}.sa-profile-toggle{display:flex;align-items:center;gap:10px;border:0;background:transparent;cursor:pointer;padding:4px}.sa-profile-toggle img{width:42px;height:42px;border-radius:50%;object-fit:cover}.sa-profile-toggle span{text-align:left;min-width:105px}.sa-profile-toggle strong{display:block;font-size:13px}.sa-profile-toggle small{display:block;color:var(--muted);font-size:11px}.sa-profile-toggle i{font-style:normal}.sa-profile-dropdown,.sa-notification-popup{position:absolute;right:0;top:calc(100% + 12px);background:#fff;border:1px solid var(--sa-border);box-shadow:var(--shadow);border-radius:10px;min-width:210px;padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s;z-index:120}.sa-profile-menu.open .sa-profile-dropdown,.sa-notification-menu.open .sa-notification-popup{opacity:1;visibility:visible;transform:none}.sa-profile-dropdown a{display:block;padding:10px 12px;border-radius:7px}.sa-profile-dropdown a:hover{background:var(--sa-soft);color:var(--sa)}.sa-notification-popup{width:340px;padding:0;overflow:hidden}.sa-popup-head{padding:13px 15px;border-bottom:1px solid var(--sa-border);display:flex;justify-content:space-between}.sa-popup-head a{color:var(--sa);font-size:12px}.sa-notification-popup>a{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid #f2eeee}.sa-notification-popup>a:hover{background:#fff8f8}.sa-notification-popup>a>span{width:9px;height:9px;border-radius:50%;background:var(--sa);margin-top:5px}.sa-notification-popup strong,.sa-notification-popup small{display:block}.sa-notification-popup small{color:var(--muted);margin-top:2px}.sa-notification-popup>p{padding:18px;margin:0;color:var(--muted)}.sa-content-v2{padding:24px 28px 34px;flex:1}.sa-portal-footer{display:flex;justify-content:space-between;padding:18px 28px;border-top:1px solid var(--sa-border);background:#fff;color:var(--muted);font-size:12px}.sa-page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.sa-page-heading h1{font-size:28px;line-height:1.2;margin:0 0 5px}.sa-page-heading p{margin:0;color:var(--muted)}.sa-heading-actions{display:flex;gap:10px;flex-wrap:wrap}.sa-title-status{display:flex;align-items:center;gap:12px}.sa-card{background:var(--sa-card);border:1px solid var(--sa-border);border-radius:var(--radius);box-shadow:0 2px 10px rgba(52,31,38,.02);padding:18px}.sa-card h2,.sa-card h3{margin-top:0}.sa-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.sa-card-head h3{margin:0}.sa-card-head a{color:var(--sa);font-size:12px;font-weight:600}.sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--sa);background:#3B0B14;color:#fff!important;border-radius:7px;padding:10px 17px;font-weight:600;cursor:pointer;min-height:40px}.sa-btn:hover{filter:brightness(.96);transform:translateY(-1px)}.sa-btn-light{background:#fff;color:var(--sa)!important}.sa-btn-outline{background:#fff;color:var(--sa)!important}.sa-btn-success{background:#15914f;border-color:#15914f}.sa-btn-block{width:100%}.sa-btn-small{padding:7px 11px;min-height:33px;font-size:12px}.sa-icon-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sa-border);border-radius:7px;padding:7px 10px;color:var(--sa)!important;background:#fff;font-size:12px}.sa-icon-btn.danger{color:var(--red)!important}.sa-status{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600;background:var(--blue-soft);color:var(--blue)}.sa-status.success{background:var(--green-soft);color:var(--green)}.sa-status.warning{background:var(--yellow-soft);color:#b9790a}.sa-status.danger{background:var(--red-soft);color:var(--red)}.sa-status.purple{background:var(--purple-soft);color:var(--purple)}.sa-status.info{background:var(--blue-soft);color:var(--blue)}.success-text{color:var(--green)!important}.danger-text{color:var(--red)!important}.sa-eyebrow{font-size:11px;letter-spacing:1.3px;font-weight:700;color:var(--sa)}.sa-alert{border-radius:9px;padding:13px 15px;margin:0 0 16px;border:1px solid var(--sa-border)}.sa-alert.success{background:var(--green-soft);border-color:#ccebd8;color:#157445}.sa-alert.warning{background:var(--yellow-soft);border-color:#f4ddac;color:#9c6a0f}.sa-alert.danger{background:var(--red-soft);border-color:#f2cad1;color:#b42c42}.sa-info-banner{background:#f4f8ff;border:1px solid #dbe7f7;border-radius:9px;padding:14px 16px;margin:14px 0;color:#38516d}.sa-info-banner.compact{font-size:12px;padding:10px}.sa-grid{display:grid;gap:16px}.sa-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-stat-grid{display:grid;gap:14px;margin-bottom:20px}.sa-stat-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.sa-stat-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.sa-stat-card{background:#fff;border:1px solid var(--sa-border);border-radius:12px;padding:18px;min-height:105px;position:relative}.sa-stat-card>span{display:block;color:#554b4e;font-size:12px}.sa-stat-card>strong{display:block;font-size:25px;margin:7px 0}.sa-stat-card>small{color:var(--muted);font-size:11px}.sa-stat-card.icon{padding-left:76px}.sa-stat-card.icon>i{position:absolute;left:18px;top:23px;width:44px;height:44px;border-radius:50%;background:var(--sa-soft);display:grid;place-items:center;font-style:normal;color:var(--sa);font-size:20px}.sa-table-wrap{overflow-x:auto}.sa-table{width:100%;border-collapse:collapse;min-width:800px}.sa-table th{font-size:11px;text-align:left;color:#61575a;padding:12px;border-bottom:1px solid var(--sa-border);font-weight:600}.sa-table td{padding:13px 12px;border-bottom:1px solid #f0ecea;vertical-align:middle}.sa-table tbody tr:hover{background:#fffafa}.sa-table td>small,.sa-table td strong+small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.sa-person{display:flex;align-items:center;gap:10px}.sa-person img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#eee}.sa-person strong,.sa-person small{display:block}.sa-person small{color:var(--muted);font-size:11px}.sa-person.large img{width:70px;height:70px}.sa-filter-bar{display:flex;align-items:flex-end;gap:12px;margin-bottom:18px}.sa-filter-bar label{min-width:180px;flex:1}.sa-filter-bar a{padding:10px;color:var(--sa)}.sa-form label{display:block;font-size:12px;font-weight:600;color:#4f4548;margin-bottom:13px}.sa-form input,.sa-form select,.sa-form textarea,.sa-filter-bar input,.sa-filter-bar select{display:block;width:100%;border:1px solid var(--sa-border);border-radius:7px;padding:10px 11px;margin-top:6px;background:#fff;outline:none;color:var(--text)}.sa-form input:focus,.sa-form select:focus,.sa-form textarea:focus,.sa-filter-bar input:focus,.sa-filter-bar select:focus{border-color:#b87485;box-shadow:0 0 0 3px rgba(122,0,31,.06)}.sa-form-grid{display:grid;gap:14px}.sa-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.sa-check{display:flex!important;align-items:center;gap:8px}.sa-check input{width:auto!important;margin:0!important}.sa-tabs{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--sa-border);margin-bottom:18px;overflow-x:auto}.sa-tabs a{padding:10px 2px;border-bottom:2px solid transparent;white-space:nowrap;color:#60575a}.sa-tabs a.active{color:var(--sa);border-color:var(--sa);font-weight:600}.sa-table-tools{display:flex;justify-content:space-between}.sa-progress-bar,.sa-progress-cell span{display:block;height:7px;background:#eee;border-radius:20px;overflow:hidden}.sa-progress-bar span,.sa-progress-cell i{display:block;height:100%;background:linear-gradient(90deg,#e3a322,#ca6c1c);border-radius:20px}.sa-progress-cell{min-width:120px}.sa-progress-cell b{font-size:11px}.sa-admin-hero{min-height:330px;border-radius:17px;background:radial-gradient(circle at 65% 55%,rgba(159,83,73,.13),transparent 22%),linear-gradient(120deg,#fff0ed,#f7e2dc);display:grid;grid-template-columns:1.1fr .85fr 260px;align-items:center;gap:10px;padding:36px 28px;margin-bottom:16px;overflow:hidden}.sa-admin-hero h1{font-family:Georgia,serif;color:#5c0d1d;font-size:42px;line-height:1.05;margin:12px 0}.sa-admin-hero h1 em{font-weight:400}.sa-admin-hero p{color:#5b4b4e;max-width:520px}.sa-admin-hero>div:first-child>div{display:flex;align-items:center;gap:18px;margin-top:20px}.sa-admin-hero>div:first-child>div>a{color:var(--sa);font-weight:600}.sa-album-mock{height:280px;display:flex;align-items:center;justify-content:center;perspective:800px}.sa-album-mock .book{width:190px;height:245px;background:linear-gradient(140deg,#6d071a,#8c1227 55%,#4c0511);box-shadow:16px 20px 40px rgba(74,21,31,.3);transform:rotate(-8deg) rotateY(-7deg);border-radius:4px;color:#d9bd84;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:30px 18px;text-align:center;border-left:8px solid #3e0610}.sa-album-mock .book:before{content:"";width:98px;height:112px;border:5px solid #c8a76b;background:linear-gradient(135deg,#d8aa8e,#7e3c3c);box-shadow:inset 0 0 0 5px #7b0c20}.sa-album-mock .book span,.sa-album-mock .book b{font-size:8px;letter-spacing:1px}.sa-balance-card{background:linear-gradient(145deg,#5b1720,#3d0d14);color:#fff;border-radius:10px;padding:22px;box-shadow:var(--shadow)}.sa-balance-card>span,.sa-balance-card>small,.sa-balance-card>b,.sa-balance-card>strong{display:block}.sa-balance-card>strong{font-size:24px;margin:8px 0 16px}.sa-balance-card hr{border:0;border-top:1px solid rgba(255,255,255,.15)}.sa-balance-card>b{font-size:17px;margin:5px 0 16px}.sa-balance-card a{display:block;background:#fff;color:var(--sa)!important;padding:10px;border-radius:6px;text-align:center;font-weight:600}.sa-dashboard-grid{display:grid;grid-template-columns:1.7fr .9fr .9fr;gap:16px}.sa-order-chart{grid-row:span 2}.sa-order-chart svg{width:100%;height:250px}.sa-chart-legend{display:flex;gap:20px;font-size:11px}.sa-chart-legend span{display:flex;gap:6px;align-items:center}.sa-chart-legend i{width:9px;height:9px;border-radius:50%;background:var(--sa)}.sa-chart-legend span:nth-child(2) i{background:#e8ae38}.sa-chart-legend span:nth-child(3) i{background:#56ad7a}.sa-recent-order,.sa-recent-message{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f2eeee}.sa-mini-cover{width:38px;height:38px;border-radius:5px;background:linear-gradient(135deg,#9e5c4d,#5e1020);color:#fff;display:grid;place-items:center;font-size:11px}.sa-recent-order>div:nth-child(2),.sa-recent-message>div{flex:1;min-width:0}.sa-recent-order strong,.sa-recent-order small,.sa-recent-message strong,.sa-recent-message small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-recent-order small,.sa-recent-message small{color:var(--muted);font-size:11px}.sa-recent-message img{width:34px;height:34px;border-radius:50%;object-fit:cover}.sa-recent-message time{font-size:9px;color:var(--muted)}.sa-sales-overview{grid-column:1/span 2}.sa-sales-overview>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sa-sales-overview span{padding:12px;border-right:1px solid var(--sa-border)}.sa-sales-overview strong{display:block;font-size:19px;margin-top:6px}.sa-payment-donut{display:grid;grid-template-columns:1fr 1fr;align-items:center}.sa-payment-donut .sa-card-head{grid-column:1/-1}.sa-donut,.sa-progress-donut{--progress:60;width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--progress)*1%),#ececec 0);display:grid;place-content:center;text-align:center;position:relative}.sa-donut:after,.sa-progress-donut:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}.sa-donut strong,.sa-donut small,.sa-progress-donut strong,.sa-progress-donut span{position:relative;z-index:1}.sa-donut strong,.sa-progress-donut strong{font-size:18px}.sa-donut small,.sa-progress-donut span{font-size:10px;color:var(--muted)}.sa-payment-donut ul{list-style:none;padding:0;margin:0}.sa-payment-donut li{display:flex;align-items:center;gap:6px;font-size:11px;padding:4px}.sa-payment-donut li b{margin-left:auto}.sa-payment-donut li i{width:8px;height:8px;border-radius:50%}.sa-payment-donut i.green{background:var(--green)}.sa-payment-donut i.yellow{background:var(--yellow)}.sa-project-card-grid,.sa-album-grid,.sa-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sa-project-card,.sa-album-card,.sa-template-card{background:#fff;border:1px solid var(--sa-border);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(50,30,36,.03)}.sa-project-cover,.sa-album-cover,.sa-template-preview{height:190px;background:linear-gradient(145deg,#e2cbbf,#80505a);display:grid;place-items:center;overflow:hidden}.sa-project-cover span,.sa-cover-placeholder>span,.sa-template-preview>span{width:90px;height:110px;background:linear-gradient(150deg,#6f031c,#a42f45);color:#fff;display:grid;place-items:center;border:4px double #d1b36f;box-shadow:8px 10px 20px rgba(0,0,0,.2)}.sa-project-card>div:last-child,.sa-album-card-body,.sa-template-card>div:last-child{padding:15px}.sa-project-card h3,.sa-album-card h3,.sa-template-card h3{margin:9px 0 4px;font-size:14px}.sa-project-card p,.sa-album-card p,.sa-template-card p{color:var(--muted);font-size:11px}.sa-cover-art{width:70%;height:80%;background:linear-gradient(145deg,#e5d4bd,#fff7ee);box-shadow:10px 15px 25px rgba(65,39,28,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b3020;border-left:8px solid #b99a70}.sa-cover-art span{font-size:9px;letter-spacing:1px}.sa-cover-art b{margin-top:18px}.sa-album-cover img,.sa-template-preview img{width:100%;height:100%;object-fit:cover}.sa-album-meta{display:flex;justify-content:space-between;border-top:1px solid var(--sa-border);padding-top:10px;margin-top:12px;color:var(--muted);font-size:10px}.sa-template-actions{display:flex;justify-content:space-between;margin-top:12px;border-top:1px solid var(--sa-border);padding-top:9px}.sa-template-actions a{color:var(--sa);font-size:11px}.sa-project-tabs{display:flex;gap:20px;background:#fff;border:1px solid var(--sa-border);border-radius:10px;padding:0 15px;margin-bottom:16px;overflow-x:auto}.sa-project-tabs a{padding:14px 3px;white-space:nowrap;border-bottom:2px solid transparent}.sa-project-tabs a.active{color:var(--sa);border-color:var(--sa);font-weight:600}.sa-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;margin-bottom:16px}.sa-project-overview{display:grid;grid-template-columns:220px 1fr 145px 190px;gap:18px;align-items:center}.sa-cover-placeholder{height:260px;border-radius:8px;background:linear-gradient(145deg,#e7d3c7,#80515d);display:grid;place-items:center;overflow:hidden}.sa-cover-placeholder.large{height:250px;position:relative}.sa-cover-placeholder img{width:100%;height:100%;object-fit:cover}.sa-cover-placeholder a{position:absolute;bottom:10px;background:#fff;color:var(--sa)!important;padding:7px 10px;border-radius:5px;font-size:11px}.sa-key-list{margin:0}.sa-key-list>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f0ecea}.sa-key-list.two{display:grid;grid-template-columns:repeat(2,1fr);column-gap:22px}.sa-key-list dt{color:var(--muted);font-size:11px}.sa-key-list dd{margin:0;text-align:right;font-weight:600;font-size:12px}.sa-stage-list{border-left:2px solid #e2e2e2;padding-left:16px}.sa-stage-list>div{position:relative;padding:6px 0}.sa-stage-list>div>span{position:absolute;left:-22px;top:10px;width:10px;height:10px;border-radius:50%;background:#d7d7d7}.sa-stage-list>div.done>span{background:var(--green)}.sa-stage-list>div.current>span{background:var(--yellow)}.sa-stage-list b,.sa-stage-list small{display:block;font-size:11px}.sa-stage-list small{color:var(--muted)}.sa-stage-list.compact{font-size:10px}.sa-file-row,.sa-activity-row,.sa-milestone-row,.sa-version-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0ecea}.sa-file-row>div,.sa-activity-row>div,.sa-milestone-row>div,.sa-version-row>div{flex:1}.sa-file-row strong,.sa-file-row small,.sa-activity-row strong,.sa-activity-row small,.sa-milestone-row strong,.sa-milestone-row small,.sa-version-row strong,.sa-version-row small{display:block}.sa-file-row small,.sa-activity-row small,.sa-milestone-row small,.sa-version-row small{color:var(--muted);font-size:10px}.sa-file-icon{width:38px;height:38px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:700}.sa-activity-row>span{width:9px;height:9px;border-radius:50%;background:var(--purple)}.sa-version-row>span:first-child{width:35px;height:35px;border-radius:8px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center}.sa-profile-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}.sa-profile-photo{display:flex;align-items:center;gap:18px;margin-bottom:22px}.sa-profile-photo img{width:100px;height:100px;border-radius:50%;object-fit:cover}.sa-modal{position:fixed;inset:0;background:rgba(33,10,17,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:200;opacity:0;visibility:hidden;transition:.2s}.sa-modal.open{opacity:1;visibility:visible}.sa-modal-dialog{width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:24px;position:relative}.sa-modal-dialog.wide{width:min(850px,100%)}.sa-modal-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:25px;cursor:pointer}.sa-wizard-steps,.sa-proof-steps{display:flex;justify-content:space-between;background:#fff;border:1px solid var(--sa-border);border-radius:10px;padding:14px 18px;margin-bottom:16px}.sa-wizard-steps button{border:0;background:none;color:var(--muted);display:flex;align-items:center;gap:8px;position:relative;font-weight:600}.sa-wizard-steps button span,.sa-proof-steps>span:first-letter{width:25px;height:25px}.sa-wizard-steps button span{border-radius:50%;background:#e3e3e3;display:grid;place-items:center}.sa-wizard-steps button.active{color:var(--sa)}.sa-wizard-steps button.active span{background:var(--sa);color:#fff}.sa-wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.sa-wizard-main{min-width:0}.sa-wizard-panel{display:none;background:#fff;border:1px solid var(--sa-border);border-radius:12px;padding:18px}.sa-wizard-panel.active{display:block}.sa-choice-grid,.sa-option-grid,.sa-sheet-grid{display:grid;gap:12px;margin-bottom:18px}.sa-choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-choice-card{border:1px solid var(--sa-border);border-radius:10px;padding:18px;display:flex;gap:14px;cursor:pointer;position:relative}.sa-choice-card.selected,.sa-choice-card:has(input:checked){border-color:#a04c62;box-shadow:0 0 0 2px rgba(122,0,31,.05);background:#fffafa}.sa-choice-card input{position:absolute;right:14px;top:14px;width:auto}.sa-choice-icon{width:52px;height:52px;border-radius:50%;background:var(--sa-soft);color:var(--sa);display:grid;place-items:center;font-size:24px;flex:0 0 auto}.sa-choice-card h3{margin:0 0 6px}.sa-choice-card strong{color:var(--sa)}.sa-choice-card ul{padding-left:17px;color:var(--muted);font-size:12px}.sa-choice-card.compact{grid-column:span 1;padding:12px}.sa-sheet-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.sa-sheet-grid label,.sa-option-grid label{border:1px solid var(--sa-border);border-radius:8px;padding:12px;cursor:pointer;position:relative}.sa-sheet-grid label:has(input:checked),.sa-option-grid label:has(input:checked){border-color:#aa5e72;background:#fff9fa}.sa-sheet-grid input,.sa-option-grid input{position:absolute;right:8px;top:8px;width:auto;margin:0}.sa-sheet-grid strong,.sa-sheet-grid small,.sa-sheet-grid span,.sa-option-grid strong,.sa-option-grid small{display:block}.sa-sheet-grid small,.sa-option-grid small{color:var(--muted);font-size:10px;margin-top:4px}.sa-sheet-grid span{color:var(--sa);font-weight:600;margin-top:6px}.sa-option-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sa-wizard-actions{display:flex;justify-content:space-between;margin-top:18px}.sa-order-summary{position:sticky;top:100px;background:#fff;border:1px solid var(--sa-border);border-radius:12px;padding:18px}.sa-summary-service{background:var(--yellow-soft);border:1px solid #f3dfb6;border-radius:8px;padding:12px;margin-bottom:14px}.sa-summary-service span,.sa-summary-service small{display:block}.sa-order-summary dl>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.sa-order-summary dd{margin:0;font-weight:600}.sa-summary-total{display:flex;justify-content:space-between;color:var(--sa);font-size:16px;font-weight:700;padding:15px 0}.sa-advance-box{background:var(--green-soft);border-radius:8px;padding:12px}.sa-advance-box span,.sa-advance-box strong,.sa-advance-box small{display:block}.sa-advance-box strong{font-size:20px;color:var(--green)}.sa-upload-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sa-upload-drop{border:2px dashed #d4b9c0!important;border-radius:10px!important;padding:25px!important;text-align:center;background:#fffafa}.sa-upload-drop span,.sa-upload-drop strong,.sa-upload-drop small{display:block}.sa-upload-drop span{font-size:30px;color:var(--sa)}.sa-upload-drop small{color:var(--muted);font-weight:400;margin-top:7px}.sa-review-list>div{display:grid;grid-template-columns:1fr 1fr;padding:8px;border-bottom:1px solid #eee}.sa-review-list dt{color:var(--muted)}.sa-review-list dd{margin:0;font-weight:600}.sa-secure-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.sa-secure-strip span{background:var(--green-soft);padding:12px;border-radius:8px;color:#246b48}.sa-proof-steps>span{display:flex;align-items:center;gap:8px;color:var(--muted)}.sa-proof-steps>span:before{content:"";width:25px;height:25px;border-radius:50%;background:#e6e6e6;display:inline-block}.sa-proof-steps>span.done:before{background:var(--sa);box-shadow:inset 0 0 0 7px var(--sa)}.sa-proof-steps>span.current{color:var(--sa);font-weight:700}.sa-proof-steps>span.current:before{background:var(--sa)}.sa-proof-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.sa-proof-header{display:grid;grid-template-columns:120px 1.3fr .8fr 1fr;gap:14px;align-items:center}.sa-proof-thumb{height:95px;border-radius:7px;background:linear-gradient(145deg,#ddc8b9,#7b293b);display:grid;place-items:center;color:#fff}.sa-check-card{background:var(--yellow-soft);border-radius:8px;padding:12px}.sa-check-card h4{margin:0 0 6px}.sa-check-card ul{padding-left:16px;margin:0;font-size:11px}.sa-proof-toolbar{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-bottom:12px}.sa-proof-frame{height:530px;background:#f4efec;border-radius:8px;overflow:hidden;display:grid;place-items:center}.sa-proof-frame iframe,.sa-proof-frame img{width:100%;height:100%;border:0;object-fit:contain}.sa-action-row{display:flex;gap:10px}.sa-payment-layout,.sa-invoice-layout,.sa-timeline-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.sa-payment-summary-grid{display:grid;grid-template-columns:repeat(3,1fr)}.sa-payment-summary-grid>div{text-align:center;padding:15px;border-right:1px solid var(--sa-border)}.sa-payment-summary-grid>div:last-child{border:0}.sa-payment-summary-grid span,.sa-payment-summary-grid strong{display:block}.sa-payment-summary-grid strong{font-size:21px;margin-top:7px}.sa-payment-method-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.sa-payment-method-preview div{border:1px solid var(--sa-border);border-radius:8px;padding:13px;text-align:center}.sa-payment-note{font-size:11px;color:var(--muted);text-align:center}.sa-invoice-head{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:25px;border-bottom:1px solid var(--sa-border);padding-bottom:18px;margin-bottom:18px}.sa-invoice-title{text-align:center}.sa-invoice-title>span{font-size:24px;color:var(--sa);font-weight:700}.sa-invoice-totals{display:flex;justify-content:flex-end}.sa-invoice-totals dl{width:330px}.sa-invoice-totals dl>div{display:flex;justify-content:space-between;padding:8px}.sa-invoice-totals .total{font-size:16px;color:var(--sa);font-weight:700;border-top:1px solid var(--sa-border)}.sa-invoice-totals .paid{color:var(--green)}.sa-invoice-totals .due{background:var(--red-soft);color:var(--red);font-weight:700}.sa-invoice-note{background:var(--yellow-soft);border-radius:8px;padding:14px;margin-top:15px}.sa-message-layout{display:grid;grid-template-columns:310px minmax(0,1fr) 280px;gap:14px;height:calc(100vh - 155px);min-height:650px}.sa-conversation-list,.sa-chat,.sa-contact-panel{padding:0;overflow:hidden}.sa-search-box{margin:14px;border:1px solid var(--sa-border);border-radius:8px;padding:10px;color:var(--muted)}.sa-conversation-list .sa-tabs{margin:0 14px}.sa-conversation{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #f0ecea}.sa-conversation.active{background:#fff2f3;border-left:3px solid var(--sa)}.sa-conversation img{width:42px;height:42px;border-radius:50%;object-fit:cover}.sa-conversation>div{flex:1;min-width:0}.sa-conversation strong,.sa-conversation small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-conversation small,.sa-conversation time{font-size:10px;color:var(--muted)}.sa-chat{display:flex;flex-direction:column}.sa-chat>header{padding:14px;border-bottom:1px solid var(--sa-border)}.sa-chat-body{flex:1;padding:15px;overflow-y:auto;background:#fff}.sa-chat-date{text-align:center;color:var(--muted);font-size:10px;margin:12px}.sa-bubble{max-width:72%;padding:12px 14px;border-radius:10px;margin:8px 0;background:#f7f5f4}.sa-bubble.mine{margin-left:auto;background:#f7dfe4}.sa-bubble p{margin:0}.sa-bubble time{display:block;text-align:right;color:var(--muted);font-size:9px}.sa-chat-compose{border-top:1px solid var(--sa-border);padding:12px;display:flex;gap:8px;align-items:flex-end}.sa-chat-compose textarea{flex:1;border:1px solid var(--sa-border);border-radius:8px;padding:10px;resize:none}.sa-contact-panel{padding:16px}.sa-chat-empty{text-align:center;color:var(--muted);padding:80px 20px}.sa-file-name{display:flex;align-items:center;gap:10px}.sa-notification-list{padding:0}.sa-notification-row{display:flex;gap:12px;padding:15px;border-bottom:1px solid var(--sa-border)}.sa-notification-row.unread{background:#fff8f8}.sa-notification-icon{color:var(--sa)}.sa-notification-row p{margin:4px 0;color:var(--muted)}.sa-notification-row small{color:var(--muted)}.sa-settings-tabs{display:flex;gap:20px;border-bottom:1px solid var(--sa-border);margin-bottom:16px;overflow-x:auto}.sa-settings-tabs a{padding:10px;white-space:nowrap}.sa-settings-tabs a.active{color:var(--sa);border-bottom:2px solid var(--sa)}.sa-switch-list{margin:15px 0}.sa-switch-list label{display:flex!important;justify-content:space-between;align-items:center;border-bottom:1px solid var(--sa-border);padding:11px 0}.sa-switch-list input{width:42px!important;height:23px}.sa-report-filter{display:flex;gap:12px;align-items:flex-end;margin-bottom:16px}.sa-report-filter label{flex:1}.sa-report-chart svg{width:100%;height:250px}.sa-bar-row{display:grid;grid-template-columns:100px 1fr 35px;gap:10px;align-items:center;margin:13px 0}.sa-bar-row>div{height:8px;background:#eee;border-radius:20px;overflow:hidden}.sa-bar-row i{display:block;height:100%;background:linear-gradient(90deg,var(--sa),#c46a80)}.sa-timeline-event{display:grid;grid-template-columns:20px 1fr auto;gap:10px;padding:15px 0;border-bottom:1px solid var(--sa-border);position:relative}.sa-timeline-event>span{width:12px;height:12px;border-radius:50%;background:var(--green);margin-top:4px}.sa-timeline-event strong,.sa-timeline-event small{display:block}.sa-timeline-event p{margin:3px 0;color:var(--muted)}.sa-client-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px}.sa-client-project{grid-column:1}.sa-project-summary-content{display:grid;grid-template-columns:190px 1fr 130px 165px;gap:16px;align-items:center}.sa-client-dashboard-grid>div:nth-of-type(3),.sa-client-dashboard-grid>div:nth-of-type(4),.sa-client-dashboard-grid>div:nth-of-type(5){min-height:250px}.sa-album-preview{display:flex;background:#eee4dc;border-radius:8px;padding:8px;height:200px}.sa-album-preview .page{flex:1;background:#fff8ef;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Georgia,serif;color:#7a3d31}.sa-album-preview .page b{font-size:27px;font-style:italic}.sa-album-preview .collage{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px}.sa-album-preview .collage i{background:linear-gradient(145deg,#c48f75,#5b2d34)}.sa-quick-actions{display:grid;gap:8px}.sa-quick-actions a{border:1px solid var(--sa-border);padding:12px;border-radius:8px}.sa-designer-message{display:flex;align-items:center;gap:18px;background:linear-gradient(90deg,#fff0f2,#fff9f8);border:1px solid #f3dade;border-radius:12px;padding:18px;margin-top:16px}.sa-designer-message>span{font-size:45px;color:var(--sa)}.sa-designer-message>div{flex:1}.sa-designer-message h3,.sa-designer-message p{margin:0}.sa-support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sa-support-grid .sa-card{text-align:center}.sa-support-grid i{font-style:normal;font-size:45px;color:var(--sa)}.sa-support-grid a:not(.sa-btn){display:block;padding:10px;border-bottom:1px solid var(--sa-border);color:var(--sa)}.sa-auth-v2{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.sa-auth-visual{background:linear-gradient(150deg,rgba(88,0,20,.92),rgba(125,0,31,.88)),radial-gradient(circle at 70% 30%,#c18e83,#4e0015);color:#fff;padding:55px;display:flex;flex-direction:column;justify-content:space-between}.sa-auth-brand{display:flex;align-items:center;gap:13px;letter-spacing:2px}.sa-brand-mark{width:50px;height:50px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:20px}.sa-auth-visual h1{font-family:Georgia,serif;font-size:52px;line-height:1.08;max-width:600px;margin:16px 0}.sa-auth-visual p{max-width:540px;color:#f2dfe4}.sa-auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:35px;background:#fffaf9}.sa-auth-card{width:min(460px,100%);background:#fff;border:1px solid var(--sa-border);border-radius:16px;padding:34px;box-shadow:var(--shadow)}.sa-auth-card h2{font-size:29px;margin:10px 0}.sa-auth-card>p{color:var(--muted)}.sa-auth-card label{display:block;margin:14px 0;font-weight:600;font-size:12px}.sa-auth-card input{display:block;width:100%;padding:12px;border:1px solid var(--sa-border);border-radius:8px;margin-top:6px}.sa-auth-row{display:flex;justify-content:space-between;align-items:center}.sa-auth-row .sa-check{margin:0}.sa-auth-row a,.sa-auth-foot a{color:var(--sa);font-weight:600}.sa-auth-foot{text-align:center}.sa-drawer-overlay{display:none} @media(max-width:1250px){.sa-stat-grid.five{grid-template-columns:repeat(3,1fr)}.sa-dashboard-grid{grid-template-columns:1.5fr 1fr}.sa-dashboard-grid>div:nth-child(3),.sa-payment-donut{grid-column:2}.sa-sales-overview{grid-column:1}.sa-admin-hero{grid-template-columns:1fr .7fr 230px}.sa-admin-hero h1{font-size:35px}.sa-project-overview{grid-template-columns:180px 1fr 130px}.sa-project-overview .sa-stage-list{grid-column:2/-1}.sa-project-card-grid,.sa-album-grid,.sa-template-grid{grid-template-columns:repeat(3,1fr)}.sa-message-layout{grid-template-columns:280px 1fr}.sa-contact-panel{display:none}.sa-project-summary-content{grid-template-columns:170px 1fr 120px}.sa-project-summary-content .sa-stage-list{grid-column:2/-1}} @media(max-width:980px){.sa-sidebar{left:auto;right:0;transform:translateX(100%);transition:.25s;box-shadow:-15px 0 35px rgba(0,0,0,.12)}.sa-sidebar.open{transform:none}.sa-drawer-overlay{display:block;position:fixed;inset:0;background:rgba(30,7,14,.45);z-index:90;opacity:0;visibility:hidden;transition:.2s}.sa-drawer-overlay.open{opacity:1;visibility:visible}.sa-main-v2{margin-left:0;width:100%}.sa-menu-toggle{display:block;order:3;margin-left:5px}.sa-topbar{padding:0 18px}.sa-global-search{width:min(360px,45vw)}.sa-profile-toggle span{display:none}.sa-profile-toggle img{width:38px;height:38px}.sa-content-v2{padding:20px 16px}.sa-admin-hero{grid-template-columns:1fr 220px}.sa-balance-card{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center}.sa-balance-card hr{display:none}.sa-balance-card a{grid-column:3}.sa-stat-grid.four,.sa-stat-grid.five{grid-template-columns:repeat(2,1fr)}.sa-dashboard-grid{grid-template-columns:1fr}.sa-dashboard-grid>*{grid-column:auto!important}.sa-project-card-grid,.sa-album-grid,.sa-template-grid{grid-template-columns:repeat(2,1fr)}.sa-detail-grid,.sa-payment-layout,.sa-invoice-layout,.sa-timeline-layout,.sa-proof-layout,.sa-wizard-layout,.sa-profile-grid,.sa-client-dashboard-grid{grid-template-columns:1fr}.sa-order-summary{position:static}.sa-project-overview{grid-template-columns:160px 1fr}.sa-project-overview .sa-progress-donut{grid-column:1}.sa-project-overview .sa-stage-list{grid-column:2}.sa-message-layout{grid-template-columns:240px 1fr;height:calc(100vh - 130px)}.sa-client-dashboard-grid>*{grid-column:auto}.sa-project-summary-content{grid-template-columns:160px 1fr}.sa-project-summary-content .sa-progress-donut{grid-column:1}.sa-project-summary-content .sa-stage-list{grid-column:2}.sa-support-grid{grid-template-columns:1fr}.sa-auth-v2{grid-template-columns:1fr}.sa-auth-visual{display:none}.sa-proof-header{grid-template-columns:100px 1fr}.sa-proof-header>div:nth-child(3),.sa-proof-header>div:nth-child(4){grid-column:span 1}.sa-sheet-grid{grid-template-columns:repeat(3,1fr)}.sa-option-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:650px){.sa-topbar{height:68px}.sa-global-search{display:none}.sa-top-actions{margin-left:auto;gap:5px}.sa-menu-toggle{font-size:22px}.sa-notification-popup{width:min(320px,calc(100vw - 25px));right:-55px}.sa-content-v2{padding:15px 11px}.sa-portal-footer{padding:14px;display:block;text-align:center}.sa-page-heading{display:block}.sa-heading-actions{margin-top:12px}.sa-page-heading h1{font-size:23px}.sa-stat-grid.four,.sa-stat-grid.five{grid-template-columns:1fr 1fr;gap:9px}.sa-stat-card{padding:13px;min-height:92px}.sa-stat-card>strong{font-size:20px}.sa-stat-card.icon{padding-left:13px}.sa-stat-card.icon>i{position:static;width:34px;height:34px;margin-bottom:7px}.sa-admin-hero{grid-template-columns:1fr;padding:22px 17px;min-height:0}.sa-admin-hero h1{font-size:31px}.sa-album-mock{display:none}.sa-balance-card{display:block}.sa-balance-card a{margin-top:10px}.sa-project-card-grid,.sa-album-grid,.sa-template-grid{grid-template-columns:1fr}.sa-filter-bar,.sa-report-filter{display:grid;grid-template-columns:1fr 1fr}.sa-filter-bar label{min-width:0}.sa-form-grid.two,.sa-form-grid.three{grid-template-columns:1fr}.sa-choice-grid.two{grid-template-columns:1fr}.sa-sheet-grid{grid-template-columns:repeat(2,1fr)}.sa-option-grid{grid-template-columns:1fr}.sa-upload-tabs{grid-template-columns:1fr}.sa-secure-strip{grid-template-columns:1fr}.sa-wizard-steps,.sa-proof-steps{overflow-x:auto;justify-content:flex-start;gap:25px}.sa-wizard-steps button,.sa-proof-steps span{min-width:max-content}.sa-project-overview,.sa-project-summary-content{grid-template-columns:1fr}.sa-cover-placeholder,.sa-cover-placeholder.large{height:240px}.sa-project-overview .sa-progress-donut,.sa-project-overview .sa-stage-list,.sa-project-summary-content .sa-progress-donut,.sa-project-summary-content .sa-stage-list{grid-column:auto}.sa-progress-donut{margin:auto}.sa-key-list.two{grid-template-columns:1fr}.sa-invoice-head{grid-template-columns:1fr;text-align:left}.sa-invoice-title{text-align:left}.sa-payment-summary-grid{grid-template-columns:1fr}.sa-payment-summary-grid>div{border-right:0;border-bottom:1px solid var(--sa-border)}.sa-payment-method-preview{grid-template-columns:1fr 1fr}.sa-message-layout{display:block;height:auto}.sa-conversation-list{max-height:280px;margin-bottom:12px}.sa-chat{min-height:550px}.sa-bubble{max-width:86%}.sa-proof-header{grid-template-columns:1fr}.sa-proof-frame{height:380px}.sa-action-row{display:grid}.sa-auth-form-wrap{padding:15px}.sa-auth-card{padding:24px}.sa-donut{margin:auto}.sa-payment-donut{grid-template-columns:1fr}.sa-payment-donut ul{margin-top:10px}.sa-sales-overview>div{grid-template-columns:1fr}.sa-designer-message{align-items:flex-start;flex-wrap:wrap}.sa-modal-dialog{padding:20px 14px}.sa-profile-photo{align-items:flex-start}.sa-profile-photo img{width:80px;height:80px}} @media print{.sa-sidebar,.sa-topbar,.sa-portal-footer,.sa-btn,.sa-icon-btn,.sa-help-card{display:none!important}.sa-main-v2{margin:0;width:100%}.sa-content-v2{padding:0}.sa-card{box-shadow:none}} /* V2.1 navigation, profile and upload polish */ .sa-svg-icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sa-sidebar nav a i{display:grid;place-items:center}.sa-menu-toggle .sa-svg-icon,.sa-notification-toggle .sa-svg-icon,.sa-global-search .sa-svg-icon{width:21px;height:21px;margin:auto}.sa-profile-menu{z-index:500}.sa-profile-toggle{position:relative;z-index:2;max-width:250px}.sa-profile-toggle span{min-width:0}.sa-profile-toggle strong{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-profile-dropdown{z-index:600;top:calc(100% + 8px);min-width:235px}.sa-profile-dropdown:before{content:'';position:absolute;right:20px;top:-7px;width:13px;height:13px;background:#fff;border-left:1px solid var(--sa-border);border-top:1px solid var(--sa-border);transform:rotate(45deg)}.sa-profile-dropdown a{position:relative;z-index:1}.sa-topbar{overflow:visible}.sa-top-actions{position:relative;z-index:100}.sa-live-upload-form .sa-upload-drop{position:relative;min-height:210px;border:1.5px dashed rgba(59,11,20,.35);background:radial-gradient(circle at 50% 35%,rgba(59,11,20,.07),transparent 55%),#fffaf9;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;cursor:pointer;overflow:hidden;transition:.25s}.sa-live-upload-form .sa-upload-drop:hover,.sa-live-upload-form .sa-upload-drop.is-dragging{border-color:#3B0B14;transform:translateY(-2px);box-shadow:0 16px 34px rgba(59,11,20,.10)}.sa-live-upload-form .sa-upload-orbit{width:72px;height:72px;border-radius:50%;background:#3B0B14;color:#fff;display:grid;place-items:center;box-shadow:0 13px 30px rgba(59,11,20,.22);position:relative;margin-bottom:14px}.sa-live-upload-form .sa-upload-orbit:before,.sa-live-upload-form .sa-upload-orbit:after{content:'';position:absolute;inset:-8px;border:1px solid rgba(59,11,20,.22);border-radius:50%;animation:saPulse 2.2s infinite}.sa-live-upload-form .sa-upload-orbit:after{inset:-16px;animation-delay:.55s}.sa-live-upload-form .sa-upload-orbit svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@keyframes saPulse{0%{opacity:.8;transform:scale(.85)}70%,100%{opacity:0;transform:scale(1.18)}}.sa-upload-pick{display:inline-flex;align-items:center;gap:8px;margin-top:12px;background:#3B0B14;color:#fff;border-radius:999px;padding:10px 18px;font-weight:700}.sa-upload-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.sa-upload-summary div{background:#f8f1ef;border:1px solid #eadfdb;border-radius:12px;padding:10px;text-align:center}.sa-upload-summary strong{display:block;color:#3B0B14;font-size:18px}.sa-upload-summary small{color:var(--muted)}.sa-upload-overall{height:10px;border-radius:999px;background:#efe7e4;overflow:hidden;margin:10px 0}.sa-upload-overall span{display:block;width:0;height:100%;background:#3B0B14;transition:width .2s}.sa-upload-queue{display:grid;gap:8px;max-height:230px;overflow:auto;margin:12px 0}.sa-upload-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border:1px solid var(--sa-border);border-radius:12px;padding:10px 12px;background:#fff}.sa-upload-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-upload-item small{color:var(--muted)}.sa-upload-item .bar{grid-column:1/-1;height:6px;background:#eee7e4;border-radius:99px;overflow:hidden}.sa-upload-item .bar i{display:block;height:100%;width:0;background:#3B0B14;transition:width .15s}.sa-upload-item.done .bar i{background:var(--green)}.sa-upload-item.error .bar i{background:var(--red)}.sa-upload-submit{position:relative;overflow:hidden}.sa-upload-submit.is-uploading{pointer-events:none}.sa-upload-submit.is-uploading:after{content:'';width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:saSpin .8s linear infinite}@keyframes saSpin{to{transform:rotate(360deg)}}.sa-profile-uploader{display:inline-flex!important;align-items:center;gap:9px;border-radius:999px!important;position:relative;overflow:hidden}.sa-profile-uploader:before{content:'';width:9px;height:9px;border-radius:50%;background:#3B0B14;box-shadow:0 0 0 0 rgba(59,11,20,.3);animation:saProfilePulse 1.8s infinite}@keyframes saProfilePulse{70%{box-shadow:0 0 0 9px rgba(59,11,20,0)}}.sa-profile-photo img{transition:.25s}.sa-profile-photo.is-previewing img{transform:scale(1.04);box-shadow:0 0 0 5px rgba(59,11,20,.12)} @media(max-width:650px){.sa-upload-summary{grid-template-columns:1fr 1fr}.sa-upload-summary div:last-child{grid-column:1/-1}.sa-profile-dropdown{position:fixed;right:10px;top:64px;width:min(280px,calc(100vw - 20px))}.sa-profile-toggle strong{max-width:92px}} /* ===== V2.2 UI/UX corrections ===== */ .sa-logo{height:94px;padding:17px 18px;gap:12px;background:linear-gradient(135deg,#3B0B14 0%,#27070d 100%);letter-spacing:0}.sa-logo img{width:45px;height:52px;object-fit:contain;border-radius:0;background:transparent;filter:none;flex:0 0 auto}.sa-logo-copy{min-width:0;display:flex;flex-direction:column;line-height:1}.sa-logo-copy strong{font-family:Georgia,'Times New Roman',serif;font-size:17px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.sa-logo-copy small{font-size:8px;letter-spacing:.22em;margin-top:7px;color:rgba(255,255,255,.72);white-space:nowrap} .sa-profile-toggle{min-height:50px;padding:5px 12px 5px 5px!important;border:1px solid transparent!important;border-radius:999px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(59,11,20,.32),rgba(213,174,105,.55),rgba(59,11,20,.18)) border-box!important;box-shadow:0 8px 25px rgba(59,11,20,.09);transition:.24s ease}.sa-profile-toggle:hover,.sa-profile-menu.open .sa-profile-toggle{transform:translateY(-1px);box-shadow:0 14px 34px rgba(59,11,20,.16)}.sa-profile-toggle img{box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(59,11,20,.12)}.sa-profile-chevron{width:18px;height:18px;display:grid;place-items:center;transition:transform .2s}.sa-profile-chevron .sa-svg-icon{width:16px;height:16px}.sa-profile-menu.open .sa-profile-chevron{transform:rotate(180deg)}.sa-profile-dropdown{padding:9px;border-radius:15px;box-shadow:0 22px 60px rgba(59,11,20,.18)}.sa-profile-dropdown a{display:flex;align-items:center;gap:10px;padding:11px 12px}.sa-profile-dropdown a i{width:22px;display:grid;place-items:center;color:var(--sa)}.sa-profile-dropdown a i .sa-svg-icon{width:18px;height:18px}.sa-profile-dropdown .sa-profile-logout{border-top:1px solid var(--sa-border);margin-top:5px;color:#9d2338} .sa-btn,.sa-upload-pick,.sa-profile-uploader{position:relative;isolation:isolate;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.sa-btn:before,.sa-upload-pick:before,.sa-profile-uploader:after{content:'';position:absolute;inset:-3px auto -3px -45%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-18deg);transition:left .65s ease;z-index:-1}.sa-btn:hover:before,.sa-upload-pick:hover:before,.sa-profile-uploader:hover:after{left:120%}.sa-btn:not(.sa-btn-light):not(.sa-btn-outline){border-radius:999px;background:linear-gradient(115deg,#3B0B14,#611426 58%,#3B0B14);box-shadow:0 11px 25px rgba(59,11,20,.17)}.sa-btn:not(.sa-btn-light):not(.sa-btn-outline):hover{box-shadow:0 16px 35px rgba(59,11,20,.24)} .sa-profile-uploader{padding:11px 18px!important;border:1px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#3B0B14,#d4af6a,#3B0B14) border-box!important;color:#3B0B14!important;box-shadow:0 9px 26px rgba(59,11,20,.10)}.sa-profile-uploader:before{width:28px;height:28px;display:grid;place-items:center;background:#3B0B14;color:#fff;box-shadow:none;animation:none}.sa-profile-uploader:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(59,11,20,.17)} .sa-form select,.sa-filter-bar select{appearance:none;-webkit-appearance:none;background-color:#fff!important;background-image:linear-gradient(45deg,transparent 50%,#3B0B14 50%),linear-gradient(135deg,#3B0B14 50%,transparent 50%),linear-gradient(90deg,rgba(59,11,20,.08),rgba(59,11,20,.08))!important;background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%,calc(100% - 40px) 50%!important;background-size:5px 5px,5px 5px,1px 22px!important;background-repeat:no-repeat!important;padding-right:48px!important}.sa-form input[type=date],.sa-filter-bar input[type=date]{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(59,11,20,.22),rgba(212,175,106,.35)) border-box!important;border:1px solid transparent!important;border-radius:12px!important;min-height:46px;box-shadow:0 7px 20px rgba(59,11,20,.045)}.sa-form input[type=date]::-webkit-calendar-picker-indicator,.sa-filter-bar input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.78;filter:sepia(1) saturate(5) hue-rotate(315deg)}.sa-form select:focus,.sa-filter-bar select:focus,.sa-form input[type=date]:focus{outline:none;box-shadow:0 0 0 4px rgba(59,11,20,.08),0 10px 25px rgba(59,11,20,.08)} .sa-choice-icon{display:grid!important;place-items:center}.sa-choice-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sa-choice-card.selected .sa-choice-icon{box-shadow:0 10px 25px rgba(59,11,20,.13)}.sa-print-only-block{display:none}.print-review-line{display:none!important}.sa-order-wizard:has([name="service_type"][value="design_print"]:checked) .print-review-line,.sa-order-wizard:has([name="service_type"][value="print_only"]:checked) .print-review-line,.sa-order-wizard:has([name="service_type"][value="reprint"]:checked) .print-review-line{display:flex!important} .sa-upload-drop{position:relative;overflow:hidden}.sa-upload-drop>input[type=file]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:5}.sa-order-draft-drop{min-height:245px!important;border:1.5px dashed rgba(59,11,20,.32)!important;border-radius:20px!important;background:radial-gradient(circle at 50% 30%,rgba(59,11,20,.08),transparent 52%),linear-gradient(145deg,#fff,#fff8f6)!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px!important;transition:.25s}.sa-order-draft-drop:hover,.sa-order-draft-drop.is-dragging{border-color:#3B0B14!important;transform:translateY(-2px);box-shadow:0 18px 45px rgba(59,11,20,.11)}.sa-order-draft-drop .sa-upload-orbit{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#3B0B14,#6b1930);color:#fff;box-shadow:0 15px 35px rgba(59,11,20,.23);margin-bottom:15px;position:relative}.sa-order-draft-drop .sa-upload-orbit:before,.sa-order-draft-drop .sa-upload-orbit:after{content:'';position:absolute;inset:-8px;border:1px solid rgba(59,11,20,.22);border-radius:50%;animation:saPulse 2.2s infinite}.sa-order-draft-drop .sa-upload-orbit:after{inset:-16px;animation-delay:.55s}.sa-order-draft-drop .sa-upload-orbit svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sa-order-draft-drop .sa-upload-pick{margin-top:14px;border-radius:999px;padding:11px 21px;background:linear-gradient(115deg,#3B0B14,#6a1930);color:#fff;box-shadow:0 12px 28px rgba(59,11,20,.18)}.sa-cloud-link{padding:20px!important;border:1px solid var(--sa-border);border-radius:18px;background:#fff;display:flex!important;flex-direction:column;justify-content:center}.sa-cloud-link input{margin-top:12px!important}.sa-draft-uploading .sa-order-draft-drop{pointer-events:none}.sa-draft-uploading .sa-order-draft-drop:after{content:'UPLOADING';position:absolute;right:16px;top:16px;padding:5px 9px;border-radius:99px;background:#3B0B14;color:#fff;font-size:9px;font-weight:800;letter-spacing:.12em}.sa-order-upload-summary{margin-top:14px}.sa-order-upload-queue{max-height:300px} .sa-live-upload-form .sa-upload-drop>input[type=file]{display:block!important}.sa-live-upload-form .sa-upload-drop{min-height:240px}.sa-live-upload-form .sa-upload-pick{background:linear-gradient(115deg,#3B0B14,#68182e);box-shadow:0 12px 28px rgba(59,11,20,.2)}.sa-upload-submit{border-radius:999px!important;min-height:50px!important}.sa-upload-item.uploading{border-color:rgba(59,11,20,.28);box-shadow:0 8px 22px rgba(59,11,20,.07)} .sa-milestone-row{display:flex!important;align-items:center;gap:12px;padding:13px 0!important}.sa-milestone-icon{width:34px!important;height:34px!important;flex:0 0 34px;border-radius:11px;display:grid!important;place-items:center;background:#f8f0ed;color:#3B0B14;border:1px solid #eadbd6}.sa-milestone-icon .sa-svg-icon{width:17px;height:17px}.sa-milestone-row.current .sa-milestone-icon{background:#3B0B14;color:#fff;box-shadow:0 8px 20px rgba(59,11,20,.2)} @media(max-width:650px){.sa-logo{height:82px}.sa-logo-copy strong{font-size:16px}.sa-profile-toggle{padding:4px!important}.sa-profile-chevron{display:none}.sa-order-draft-drop{min-height:210px!important}.sa-upload-tabs{gap:12px}} /* ===== V2.4 corrective controls ===== */ html{margin-top:0!important}.sa-portal-body{padding-top:0!important}.sa-app-v2{--sa:#3B0B14} .sa-logo{justify-content:flex-start;gap:13px}.sa-logo img{width:40px!important;height:48px!important}.sa-logo-copy strong{font-family:Georgia,"Times New Roman",serif;font-size:18px!important;letter-spacing:.015em}.sa-logo-copy small{font-family:Inter,Arial,sans-serif;font-size:8px!important;letter-spacing:.24em!important} .sa-admin-orders-table{min-width:1120px}.sa-inline-status-form{display:grid;grid-template-columns:minmax(165px,1fr) 38px;gap:7px;align-items:center;margin-bottom:7px}.sa-inline-status-form select{width:100%;height:38px;border:1px solid #e7d8d4;border-radius:11px;padding:0 38px 0 11px;background:#fff;color:#3B0B14;font-size:11px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#3B0B14 50%),linear-gradient(135deg,#3B0B14 50%,transparent 50%);background-position:calc(100% - 16px) 16px,calc(100% - 11px) 16px;background-size:5px 5px;background-repeat:no-repeat}.sa-status-save{width:38px;height:38px;border:0;border-radius:11px;background:linear-gradient(135deg,#3B0B14,#64162a);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px rgba(59,11,20,.18)}.sa-status-save:hover{transform:translateY(-1px)}.sa-status-save svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2} .sa-admin-update{border:1px solid rgba(59,11,20,.18)!important;background:linear-gradient(145deg,#fff,#fff9f7)!important}.sa-admin-update:before{content:'LIVE ADMIN CONTROL';display:inline-flex;margin-bottom:12px;padding:5px 9px;border-radius:99px;background:#3B0B14;color:#fff;font-size:9px;font-weight:800;letter-spacing:.13em}.sa-admin-update .sa-btn{width:100%;min-height:48px} .sa-stage-list>div{position:relative}.sa-stage-list>div>span{width:13px!important;height:13px!important;border-radius:50%!important;background:#d9d9d9!important;border:3px solid #fff!important;box-shadow:0 0 0 1px #d7d2d0!important}.sa-stage-list>div.done>span{background:#2da66a!important;box-shadow:0 0 0 1px #2da66a!important}.sa-stage-list>div.current>span{background:#d99b23!important;box-shadow:0 0 0 1px #d99b23,0 0 0 5px rgba(217,155,35,.12)!important}.sa-stage-list>div.done>span:after{content:'✓';position:absolute;color:#fff;font-size:7px;line-height:7px;left:0;top:0} .sa-upload-drop input[type=file],.sa-order-draft-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;padding:0!important;margin:0!important}.sa-upload-drop{cursor:pointer}.sa-upload-drop *{pointer-events:none}.sa-upload-item{animation:saQueueIn .22s ease both}@keyframes saQueueIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}} .sa-form select,.sa-filter-bar select,.sa-form input[type=date],.sa-filter-bar input[type=date]{min-height:46px;border-radius:13px!important;box-shadow:0 7px 22px rgba(59,11,20,.055)!important} .sa-wizard-steps button em{font-style:normal} @media(max-width:900px){.sa-admin-orders-table{min-width:980px}.sa-topbar{padding-inline:14px}.sa-top-actions{gap:8px}.sa-global-search{display:none}.sa-logo-copy strong{font-size:16px!important}} /* ===== V2.4 ADMIN CONTROL + WORDPRESS UI ISOLATION ===== */ html{margin-top:0!important} body.admin-bar{margin-top:0!important;padding-top:0!important} body.admin-bar #wpadminbar{display:none!important} .sa-logo{padding:17px 18px!important;gap:12px!important} .sa-logo img{width:45px!important;height:45px!important;background:transparent!important;border-radius:0!important} .sa-logo-copy{display:flex;min-width:0;flex-direction:column;line-height:1.05} .sa-logo-copy strong{font-family:Georgia,'Times New Roman',serif;font-size:18px;letter-spacing:.02em;text-transform:none;white-space:nowrap} .sa-logo-copy small{font-size:8px;letter-spacing:.22em;margin-top:5px;opacity:.78;white-space:nowrap} .sa-admin-update{border:1px solid rgba(59,11,20,.18)!important;background:linear-gradient(145deg,#fff,#fff9f7)!important;box-shadow:0 18px 45px rgba(59,11,20,.08)!important} .sa-admin-update h3:before{content:'✦';display:inline-grid;place-items:center;width:29px;height:29px;margin-right:9px;border-radius:9px;background:#3B0B14;color:#fff;font-size:12px;vertical-align:middle} .sa-inline-status-form{display:grid!important;grid-template-columns:minmax(145px,1fr) 38px;gap:7px;align-items:center;margin-bottom:7px} .sa-inline-status-form select{height:38px!important;margin:0!important;border-radius:11px!important;border:1px solid rgba(59,11,20,.2)!important;background-color:#fff!important;padding:0 35px 0 11px!important} .sa-status-save{width:38px;height:38px;border:0;border-radius:11px;background:linear-gradient(135deg,#3B0B14,#6d1d31);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px rgba(59,11,20,.2);transition:.2s} .sa-status-save:hover{transform:translateY(-1px) scale(1.03)} .sa-status-save .sa-svg-icon{width:18px;height:18px;stroke-width:2.3} .sa-stage-list>div>span,.sa-milestone-row .sa-milestone-icon{display:grid!important;place-items:center!important;flex:0 0 auto!important} .sa-stage-list>div>span:after{content:'';width:7px;height:7px;border-radius:50%;background:#d8d8d8;display:block} .sa-stage-list>div.done>span:after{background:#2da66a;box-shadow:0 0 0 4px rgba(45,166,106,.13)} .sa-stage-list>div.current>span:after{background:#d99b23;box-shadow:0 0 0 4px rgba(217,155,35,.15)} .sa-milestone-row .sa-svg-icon{width:18px!important;height:18px!important;display:block!important} .sa-form input[type=date],.sa-form select,.sa-filter-bar select,.sa-filter-bar input[type=date]{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#3B0B14 50%),linear-gradient(135deg,#3B0B14 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:35px!important} .sa-form input[type=date]::-webkit-calendar-picker-indicator,.sa-filter-bar input[type=date]::-webkit-calendar-picker-indicator{opacity:.75;cursor:pointer;filter:sepia(1) saturate(4) hue-rotate(315deg)} @media(max-width:900px){.sa-logo-copy strong{font-size:16px}.sa-logo-copy small{font-size:7px}.sa-inline-status-form{grid-template-columns:minmax(125px,1fr) 38px}} /* ===== V2.5 profile, brand and premium controls ===== */ @media(min-width:981px){.sa-sidebar{width:242px!important}.sa-main-v2{margin-left:242px!important;width:calc(100% - 242px)!important}} .sa-logo{min-width:0!important;padding:16px 17px!important}.sa-logo img{flex:0 0 43px!important}.sa-logo-copy{min-width:0!important;overflow:visible!important}.sa-logo-copy strong{font-family:Inter,Segoe UI,Arial,sans-serif!important;font-size:16px!important;font-weight:750!important;letter-spacing:.005em!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important}.sa-logo-copy small{font-size:7.5px!important;letter-spacing:.19em!important} .sa-profile-photo{display:grid!important;grid-template-columns:118px minmax(0,1fr);gap:24px;align-items:center;padding:22px!important;border-radius:22px!important}.sa-profile-avatar-stage{width:112px;height:112px;position:relative;border-radius:50%;padding:5px;background:linear-gradient(145deg,#3B0B14,#c9a268);box-shadow:0 16px 38px rgba(59,11,20,.18)}.sa-profile-avatar-stage img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover;border:4px solid #fff}.sa-profile-upload-ring{position:absolute;inset:-6px;border:1px solid rgba(59,11,20,.2);border-radius:50%}.sa-profile-identity{min-width:0}.sa-profile-kicker{display:block;color:#3B0B14;font-size:10px;font-weight:800;letter-spacing:.16em}.sa-profile-identity h3{font-size:24px!important;line-height:1.15;margin:6px 0 4px!important}.sa-profile-identity>p{margin:0 0 15px;color:var(--muted)} .sa-profile-uploader{display:grid!important;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:11px;max-width:390px;padding:10px 13px!important;border:1px solid rgba(59,11,20,.2)!important;border-radius:16px!important;background:linear-gradient(135deg,#fff7f3,#fff)!important;color:#3B0B14!important;box-shadow:0 11px 28px rgba(59,11,20,.08);cursor:pointer!important}.sa-profile-upload-icon{width:42px;height:42px;border-radius:13px;background:#3B0B14;color:#fff;display:grid;place-items:center}.sa-profile-upload-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.sa-profile-upload-copy strong,.sa-profile-upload-copy small{display:block;text-align:left}.sa-profile-upload-copy small{color:var(--muted);font-size:10px;margin-top:2px}.sa-profile-upload-arrow{font-size:20px}.sa-profile-uploader.is-uploading .sa-profile-upload-icon{animation:saSpin .8s linear infinite} .sa-native-select-source{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important}.sa-premium-select{position:relative;margin-top:6px;z-index:20}.sa-premium-select.open{z-index:900}.sa-premium-select-trigger{width:100%;min-height:48px;border:1px solid rgba(59,11,20,.14);border-radius:14px;background:linear-gradient(180deg,#fffaf5,#f9ecdf);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 24px rgba(59,11,20,.06);padding:0 13px 0 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#302124;text-align:left;cursor:pointer;transition:.22s}.sa-premium-select-trigger:hover,.sa-premium-select.open .sa-premium-select-trigger{border-color:rgba(59,11,20,.42);background:#fff5eb;box-shadow:0 0 0 4px rgba(59,11,20,.07),0 12px 30px rgba(59,11,20,.09)}.sa-premium-select-trigger>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-premium-select-trigger i{width:29px;height:29px;flex:0 0 29px;border-radius:9px;background:#3B0B14;color:#fff;display:grid;place-items:center}.sa-premium-select-trigger svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:.2s}.sa-premium-select.open .sa-premium-select-trigger svg{transform:rotate(180deg)}.sa-premium-select-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);max-height:260px;overflow:auto;padding:7px;background:#fff9f3;border:1px solid rgba(59,11,20,.14);border-radius:15px;box-shadow:0 22px 55px rgba(29,7,12,.18);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s}.sa-premium-select.open .sa-premium-select-menu{opacity:1;visibility:visible;transform:none}.sa-premium-select-option{display:block;width:100%;border:0;background:transparent;border-radius:10px;padding:10px 12px;text-align:left;color:#443236;cursor:pointer}.sa-premium-select-option:hover,.sa-premium-select-option:focus-visible{background:#3B0B14;color:#fff;outline:0}.sa-premium-select-option.is-selected{background:#f0ddcd;color:#3B0B14;font-weight:750}.sa-premium-select-option.is-disabled{opacity:.45;cursor:not-allowed}.sa-premium-select-menu{scrollbar-width:thin;scrollbar-color:#3B0B14 rgba(59,11,20,.09)}.sa-premium-select-menu::-webkit-scrollbar{width:7px}.sa-premium-select-menu::-webkit-scrollbar-thumb{background:#3B0B14;border-radius:99px} .sa-premium-date{position:relative;margin-top:6px}.sa-premium-date input[type=date]{margin-top:0!important;min-height:48px!important;padding:0 48px 0 15px!important;border:1px solid rgba(59,11,20,.14)!important;border-radius:14px!important;background:linear-gradient(180deg,#fffaf5,#f9ecdf)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 24px rgba(59,11,20,.06)!important}.sa-premium-date input[type=date]:focus{border-color:rgba(59,11,20,.42)!important;box-shadow:0 0 0 4px rgba(59,11,20,.07),0 12px 30px rgba(59,11,20,.09)!important}.sa-premium-date input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:48px;height:100%;cursor:pointer}.sa-premium-date-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:33px;height:33px;border:0;border-radius:10px;background:#3B0B14;color:#fff;display:grid;place-items:center;cursor:pointer}.sa-premium-date-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .sa-order-draft-drop .sa-upload-pick{display:inline-flex!important;align-items:center;justify-content:center;min-width:150px;font-weight:750;letter-spacing:.01em}.sa-order-draft-drop strong{font-size:16px;color:#321c21}.sa-order-draft-drop small{max-width:560px}.sa-upload-item.error span{max-width:450px;color:#b12d45;font-size:11px} @media(max-width:650px){.sa-profile-photo{grid-template-columns:1fr!important;text-align:center}.sa-profile-avatar-stage{margin:auto}.sa-profile-uploader{margin:auto;text-align:left}.sa-logo-copy strong{font-size:15px!important}} /* ===== V2.6 FINAL UI SYSTEM ===== */ .sa-portal-body,.sa-portal-body *{font-family:'Google Sans Flex',Arial,sans-serif!important} .sa-logo-copy strong{font-family:'Google Sans Flex',Arial,sans-serif!important;font-weight:680!important;font-size:17px!important;letter-spacing:-.01em!important}.sa-logo-copy small{font-family:'Google Sans Flex',Arial,sans-serif!important;font-weight:560!important;letter-spacing:.18em!important} .sa-premium-select-menu{position:fixed!important;right:auto!important;top:auto;bottom:auto;z-index:2147482000!important;display:block!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-8px) scale(.985)!important;transform-origin:top center!important;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s!important;background:#fffaf5!important;border:1px solid rgba(59,11,20,.16)!important;box-shadow:0 26px 70px rgba(29,7,12,.24)!important;overflow:auto!important;padding:8px!important;will-change:opacity,transform} .sa-premium-select-menu.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important;transition:opacity .16s ease,transform .16s ease!important}.sa-premium-select-menu.opens-up{transform-origin:bottom center!important;transform:translateY(8px) scale(.985)!important}.sa-premium-select-menu.opens-up.open{transform:translateY(0) scale(1)!important} .sa-premium-select.open .sa-premium-select-trigger{position:relative;z-index:3} .sa-native-date-source{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} .sa-smart-date{position:relative;margin-top:6px}.sa-smart-date-trigger{width:100%;min-height:48px;border:1px solid rgba(59,11,20,.14);border-radius:14px;background:linear-gradient(180deg,#fffaf5,#f9ecdf);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 24px rgba(59,11,20,.06);padding:0 9px 0 15px;display:flex;align-items:center;justify-content:space-between;color:#302124;cursor:pointer;text-align:left}.sa-smart-date-trigger:hover,.sa-smart-date-trigger:focus-visible{border-color:rgba(59,11,20,.42);outline:0;box-shadow:0 0 0 4px rgba(59,11,20,.07),0 12px 30px rgba(59,11,20,.09)}.sa-smart-date-trigger svg{width:34px;height:34px;padding:8px;border-radius:10px;background:#3B0B14;color:#fff;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .sa-calendar-popup{position:fixed;z-index:2147482500;background:#fffaf5;border:1px solid rgba(59,11,20,.16);border-radius:18px;box-shadow:0 28px 76px rgba(29,7,12,.26);padding:12px;overflow:auto;color:#302124}.sa-calendar-head{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:6px;margin-bottom:8px}.sa-calendar-head strong{text-align:center;font-size:14px}.sa-calendar-head button,.sa-calendar-actions button{border:0;border-radius:10px;background:#f1dfd2;color:#3B0B14;min-height:36px;font-weight:680;cursor:pointer}.sa-calendar-week,.sa-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.sa-calendar-week span{text-align:center;font-size:10px;font-weight:680;color:#8a7379;padding:6px 0}.sa-calendar-grid>span,.sa-calendar-grid button{min-height:36px;border:0;border-radius:9px;background:transparent;color:#332328;cursor:pointer}.sa-calendar-grid button:hover{background:#f1dfd2}.sa-calendar-grid button.is-today{box-shadow:inset 0 0 0 1px #3B0B14}.sa-calendar-grid button.is-selected{background:#3B0B14;color:#fff}.sa-calendar-grid button:disabled{opacity:.25;cursor:not-allowed}.sa-calendar-actions{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.sa-calendar-actions button{padding:0 14px} .sa-upload-summary{grid-template-columns:repeat(3,1fr)!important}.sa-upload-item{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important;padding:13px 14px 18px!important;border:1px solid var(--sa-border);border-radius:13px;background:#fff}.sa-upload-item .bar{position:absolute!important;left:14px!important;right:14px!important;bottom:8px!important;height:5px!important;border-radius:99px!important;background:#f0e5e3!important;overflow:hidden}.sa-upload-item .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3B0B14,#c79258);transition:width .2s}.sa-upload-item.done{border-color:#b9dfc7;background:#f4fbf6}.sa-upload-item.uploading{border-color:#d6bd9b;background:#fffaf2}.sa-upload-retry{white-space:nowrap} .sa-stage-list>div>span:after{width:9px!important;height:9px!important}.sa-stage-list>div.done>span:before{content:'✓';position:absolute;color:#fff;font-size:7px;z-index:2}.sa-stage-list>div>span{position:relative} @media(max-width:620px){.sa-calendar-popup{min-width:calc(100vw - 20px)!important;left:10px!important;width:calc(100vw - 20px)!important}.sa-upload-item{grid-template-columns:minmax(0,1fr) auto!important}.sa-upload-retry{grid-column:2}.sa-logo-copy strong{font-size:15px!important}} /* V2.9.4 Client dashboard motion and premium album-preview typography */ .sa-animated-stats .sa-stat-card{overflow:hidden;isolation:isolate}.sa-animated-stats .sa-stat-card:after{content:"";position:absolute;inset:auto -28px -42px auto;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(59,11,20,.075),transparent 68%);pointer-events:none}.sa-animated-stats .sa-stat-card.sa-stat-reveal{animation:saStatReveal .62s cubic-bezier(.22,.8,.22,1) both}.sa-animated-stats .sa-count-up{font-variant-numeric:tabular-nums;transform-origin:left center;transition:color .25s ease}.sa-animated-stats .sa-count-up.is-counted{animation:saNumberSettle .38s cubic-bezier(.2,.9,.25,1)} @keyframes saStatReveal{0%{opacity:.28;transform:translateY(12px) scale(.985)}100%{opacity:1;transform:none}}@keyframes saNumberSettle{0%{transform:scale(.94)}65%{transform:scale(1.045)}100%{transform:scale(1)}} .sa-progress-donut.sa-progress-animate{transform:scale(.92);opacity:.65;box-shadow:0 0 0 0 rgba(45,166,106,.16);transition:opacity .3s ease,transform .4s ease,box-shadow .4s ease}.sa-progress-donut.sa-progress-animate.is-animating{opacity:1;transform:scale(1);animation:saProgressBreath 1.35s ease-out both}.sa-progress-donut.sa-progress-animate.is-complete{opacity:1;transform:scale(1);box-shadow:0 14px 32px rgba(45,166,106,.12)}.sa-progress-donut.sa-progress-animate strong{font-variant-numeric:tabular-nums} @keyframes saProgressBreath{0%{box-shadow:0 0 0 0 rgba(45,166,106,.28)}55%{box-shadow:0 0 0 12px rgba(45,166,106,.06)}100%{box-shadow:0 10px 28px rgba(45,166,106,.1)}} .sa-stage-list>div.current{background:linear-gradient(90deg,#fff8e8,#fffdf7);border:1px solid rgba(217,155,35,.3);border-radius:10px;padding:9px 10px;margin:4px 0;animation:saCurrentStagePulse 1.85s ease-in-out infinite;transform-origin:left center}.sa-stage-list>div.current>span{top:13px!important}.sa-stage-list>div.current b{color:#6f4600}.sa-milestone-row.current{border-radius:11px;padding-left:8px!important;padding-right:8px!important;background:linear-gradient(90deg,#fff8eb,rgba(255,248,235,.35));animation:saMilestonePulse 2s ease-in-out infinite} @keyframes saCurrentStagePulse{0%,100%{transform:scale(1);box-shadow:0 3px 10px rgba(217,155,35,.08)}50%{transform:scale(1.022);box-shadow:0 9px 23px rgba(217,155,35,.18)}}@keyframes saMilestonePulse{0%,100%{box-shadow:0 0 0 0 rgba(59,11,20,0)}50%{box-shadow:0 8px 20px rgba(59,11,20,.09)}} .sa-album-preview{position:relative;overflow:hidden;background:linear-gradient(135deg,#e9ded4,#d8c4b5);box-shadow:inset 0 0 0 1px rgba(59,11,20,.08)}.sa-album-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 24% 16%,rgba(255,255,255,.75),transparent 34%),linear-gradient(115deg,transparent 48%,rgba(59,11,20,.045) 49%,transparent 50%);pointer-events:none}.sa-album-preview .sa-preview-copy{position:relative;padding:22px;text-align:center;background:linear-gradient(145deg,#fffaf3,#f7ece0);color:#3B0B14}.sa-preview-kicker{font-family:inherit!important;font-size:9px!important;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#a67b50!important;margin-bottom:12px}.sa-album-preview .sa-preview-copy b{font-family:"Playfair Display",Georgia,serif;font-size:clamp(25px,2.4vw,38px);font-style:normal;line-height:1.03;letter-spacing:-.03em;color:#3B0B14;text-wrap:balance}.sa-album-preview .sa-preview-copy small{display:block;margin-top:15px;font-family:inherit;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7a6560}.sa-album-preview .sa-preview-copy:after{content:"";width:44px;height:1px;background:#c9a36a;display:block;margin:14px auto 0}.sa-album-preview .collage{position:relative}.sa-album-preview .collage i{border-radius:2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)} @media (prefers-reduced-motion:reduce){.sa-animated-stats .sa-stat-card,.sa-animated-stats .sa-count-up,.sa-progress-donut.sa-progress-animate,.sa-stage-list>div.current,.sa-milestone-row.current{animation:none!important;transition:none!important}} @media(max-width:650px){.sa-stage-list>div.current{transform:none!important;animation:saCurrentStageGlow 1.85s ease-in-out infinite}.sa-album-preview .sa-preview-copy{padding:16px}.sa-album-preview .sa-preview-copy b{font-size:24px}}@keyframes saCurrentStageGlow{0%,100%{box-shadow:0 3px 10px rgba(217,155,35,.08)}50%{box-shadow:0 8px 20px rgba(217,155,35,.18)}} /* V2.9.6: keep the timeline aligned; animate only the active marker/icon. */ .sa-stage-list>div.current{ background:transparent!important; border:0!important; border-radius:0!important; margin:0!important; padding:6px 0!important; animation:none!important; transform:none!important; box-shadow:none!important; } .sa-stage-list>div.current>span{ top:10px!important; animation:saActiveStageIconPulse 1.55s ease-in-out infinite!important; transform-origin:center!important; } .sa-stage-list>div.current b{color:inherit!important} .sa-milestone-row.current{ background:transparent!important; padding-left:0!important; padding-right:0!important; animation:none!important; transform:none!important; box-shadow:none!important; } .sa-milestone-row.current .sa-milestone-icon{ animation:saActiveStageIconPulse 1.55s ease-in-out infinite!important; } @keyframes saActiveStageIconPulse{ 0%,100%{transform:scale(1);box-shadow:0 0 0 1px #d99b23,0 0 0 4px rgba(217,155,35,.10)} 50%{transform:scale(1.18);box-shadow:0 0 0 1px #d99b23,0 0 0 9px rgba(217,155,35,.18)} } .sa-project-visual{position:relative;overflow:hidden;background:#efe1db!important} .sa-project-visual>img{width:100%;height:100%;object-fit:cover;display:block} .sa-project-visual>small{position:absolute;left:10px;right:10px;bottom:48px;padding:8px 10px;border-radius:8px;background:rgba(59,11,20,.82);color:#fff;text-align:center;font-size:11px;font-weight:700;line-height:1.25;backdrop-filter:blur(8px)} .sa-project-visual>a{position:absolute!important;left:10px!important;right:10px!important;bottom:10px!important;z-index:2} @media (prefers-reduced-motion:reduce){.sa-stage-list>div.current>span,.sa-milestone-row.current .sa-milestone-icon{animation:none!important}} /* V2.9.7 branded order confirmation experience */ .sa-order-success-overlay{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:24px;background:rgba(28,9,14,.58);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);opacity:0;visibility:hidden;transition:opacity .34s ease,visibility .34s ease;overflow:hidden} .sa-order-success-overlay.is-visible{opacity:1;visibility:visible} .sa-order-success-card{position:relative;width:min(520px,100%);padding:42px 38px 34px;text-align:center;background:linear-gradient(155deg,#fff 0%,#fff9f7 100%);border:1px solid rgba(255,255,255,.82);border-radius:28px;box-shadow:0 34px 100px rgba(35,7,13,.32);transform:translateY(28px) scale(.92);opacity:0;transition:transform .55s cubic-bezier(.2,.86,.25,1.22),opacity .35s ease;isolation:isolate} .sa-order-success-overlay.is-visible .sa-order-success-card{transform:none;opacity:1} .sa-order-success-check{position:relative;width:96px;height:96px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(145deg,#4bae76,#208b54);box-shadow:0 18px 44px rgba(32,139,84,.25);display:grid;place-items:center;animation:saSuccessFloat 2.1s ease-in-out infinite;z-index:2} .sa-order-success-check svg{width:74px;height:74px;overflow:visible}.sa-order-success-check circle{fill:none;stroke:rgba(255,255,255,.35);stroke-width:2}.sa-order-success-check path{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:44;stroke-dashoffset:44;animation:saSuccessDraw .7s .42s cubic-bezier(.65,0,.35,1) forwards} .sa-order-success-rings{position:absolute;left:50%;top:90px;width:112px;height:112px;transform:translate(-50%,-50%);z-index:1}.sa-order-success-rings span{position:absolute;inset:0;border:1px solid rgba(48,150,91,.33);border-radius:50%;animation:saSuccessRing 2.2s ease-out infinite}.sa-order-success-rings span+span{animation-delay:1.05s} .sa-order-success-eyebrow{display:block;color:#8a5a62;font-size:11px;font-weight:800;letter-spacing:.22em;margin-bottom:8px}.sa-order-success-card h2{margin:0;color:#3B0B14;font-size:34px;line-height:1.1}.sa-order-success-card>p{max-width:420px;margin:14px auto 22px;color:#6d5c60;font-size:14px;line-height:1.65} .sa-order-success-project{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;padding:16px;border:1px solid #eadbdd;border-radius:16px;background:rgba(255,255,255,.78);margin-bottom:20px}.sa-order-success-project>div{min-width:0}.sa-order-success-project small{display:block;color:#8a7a7d;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.sa-order-success-project strong{display:block;color:#2f2024;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-order-success-project>.sa-status{grid-column:1/-1;justify-self:center;margin-top:2px} .sa-order-success-redirect{font-size:12px;color:#76666a;margin:0 0 17px}.sa-order-success-redirect b{color:#3B0B14;font-size:14px}.sa-order-success-redirect>div{height:4px;margin-top:9px;border-radius:99px;background:#eee2e3;overflow:hidden}.sa-order-success-redirect i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3B0B14,#b66574);transform-origin:left;animation:saSuccessCountdown 4s linear forwards} .sa-order-success-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 25px;border-radius:999px;background:#3B0B14;color:#fff!important;font-weight:700;box-shadow:0 14px 32px rgba(59,11,20,.22);transition:transform .22s ease,box-shadow .22s ease}.sa-order-success-button:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(59,11,20,.28)}.sa-order-success-button span{font-size:18px} .sa-order-success-confetti{position:absolute;inset:0;pointer-events:none}.sa-order-success-confetti i{--x:calc((var(--i) * 37) % 100);position:absolute;left:calc(var(--x) * 1%);top:-18px;width:8px;height:13px;border-radius:2px;background:hsl(calc(335 + var(--i) * 19),55%,calc(48% + (var(--i) % 3)*10%));opacity:0;animation:saSuccessConfetti calc(2.3s + (var(--i) % 4)*.22s) calc(var(--i)*.055s) ease-out forwards;transform:rotate(calc(var(--i)*29deg))} @keyframes saSuccessDraw{to{stroke-dashoffset:0}}@keyframes saSuccessRing{0%{transform:scale(.72);opacity:.72}75%,100%{transform:scale(1.55);opacity:0}}@keyframes saSuccessFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes saSuccessCountdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes saSuccessConfetti{0%{opacity:0;transform:translateY(-10px) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translateY(105vh) rotate(520deg)}} @media(max-width:560px){.sa-order-success-overlay{padding:16px}.sa-order-success-card{padding:35px 22px 27px;border-radius:23px}.sa-order-success-card h2{font-size:29px}.sa-order-success-project{grid-template-columns:1fr;text-align:center}.sa-order-success-project>.sa-status{grid-column:auto}.sa-order-success-check{width:84px;height:84px}.sa-order-success-check svg{width:64px;height:64px}} @media(prefers-reduced-motion:reduce){.sa-order-success-card,.sa-order-success-overlay,.sa-order-success-check,.sa-order-success-rings span,.sa-order-success-check path,.sa-order-success-confetti i{animation:none!important;transition:none!important}.sa-order-success-check path{stroke-dashoffset:0}.sa-order-success-redirect i{animation:none!important;transform:none!important}} /* V2.9.8 live Google Drive proof preview + soft live refresh */ .sa-content-v2{transition:opacity .18s ease}.sa-content-v2.sa-live-updating{opacity:.58}.sa-live-proof-preview{position:relative;min-height:330px;border:1px solid var(--sa-border);border-radius:12px;overflow:hidden;background:#f8f2ec;display:grid;place-items:center}.sa-live-proof-preview>img{display:block;width:100%;height:420px;object-fit:contain;background:#15100f}.sa-live-proof-preview>iframe{display:block;width:100%;height:520px;border:0;background:#fff}.sa-live-proof-caption{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid rgba(59,11,20,.12);border-radius:9px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sa-live-proof-caption strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-live-proof-caption small{color:var(--muted);white-space:nowrap}@media(max-width:720px){.sa-live-proof-preview>img{height:300px}.sa-live-proof-preview>iframe{height:420px}.sa-live-proof-caption{position:static;border-radius:0;border-width:1px 0 0;display:block}.sa-live-proof-caption small{display:block;margin-top:3px}} /* V2.10.2 instant order-review navigation + zero-reload success close */ .sa-wizard-panel{content-visibility:auto;contain-intrinsic-size:1px 620px} .sa-wizard-panel.active{content-visibility:visible} .sa-order-success-overlay.is-leaving{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease} .sa-order-success-overlay.is-leaving .sa-order-success-card{transform:translateY(12px) scale(.98);opacity:0;transition:transform .22s ease,opacity .18s ease} .sa-order-success-redirect i{animation-duration:1.1s!important} /* V2.10.4 — admin/client portal interaction polish */ .sa-card[data-sa-portal-motion]{opacity:0;transform:translateY(8px);transition:opacity .38s ease var(--sa-card-delay,0ms),transform .38s cubic-bezier(.2,.75,.28,1) var(--sa-card-delay,0ms),box-shadow .22s ease,border-color .22s ease}.sa-card[data-sa-portal-motion].sa-card-visible{opacity:1;transform:none}.sa-card[data-sa-portal-motion]:hover{border-color:rgba(59,11,20,.16);box-shadow:0 14px 34px rgba(59,11,20,.07)}.sa-content-v2.sa-live-updating{opacity:.74;transition:opacity .12s ease}.sa-btn,.sa-icon-btn,.sa-tabs a{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.sa-btn:active,.sa-icon-btn:active{transform:scale(.98)} @media(prefers-reduced-motion:reduce){.sa-card[data-sa-portal-motion]{opacity:1!important;transform:none!important;transition:none!important}} /* V2.11.0 — admin-only full motion and dedicated Proof Viewer workspace */ .sa-admin-portal .sa-content-v2{overflow:hidden} .sa-admin-portal [data-sa-admin-motion="1"]{opacity:0;transform:translateY(18px) scale(.988);transition:opacity .52s ease var(--sa-admin-delay,0ms),transform .62s cubic-bezier(.2,.82,.24,1) var(--sa-admin-delay,0ms),box-shadow .24s ease,border-color .24s ease} .sa-admin-portal [data-sa-admin-motion="1"].sa-admin-motion-in{opacity:1;transform:none} .sa-admin-portal .sa-sidebar nav a[data-sa-nav-motion="1"]{opacity:0;transform:translateX(-11px);transition:opacity .4s ease var(--sa-nav-delay,0ms),transform .45s cubic-bezier(.2,.8,.24,1) var(--sa-nav-delay,0ms),background .2s ease,color .2s ease} .sa-admin-portal .sa-sidebar nav a.sa-nav-motion-in{opacity:1;transform:none} .sa-admin-portal .sa-sidebar nav a:hover i,.sa-admin-portal .sa-sidebar nav a.active i{animation:saAdminIconPop .36s ease} .sa-admin-portal .sa-admin-hero{position:relative;background-size:130% 130%;animation:saAdminHeroGlow 10s ease-in-out infinite alternate} .sa-admin-portal .sa-admin-hero:after{content:"";position:absolute;inset:auto -12% -55% 24%;height:75%;background:radial-gradient(ellipse,rgba(59,11,20,.12),transparent 68%);filter:blur(18px);pointer-events:none;animation:saAdminHeroShadow 5s ease-in-out infinite} .sa-admin-portal .sa-admin-hero>div{position:relative;z-index:1} .sa-admin-portal .sa-album-mock .book{animation:saAdminBookFloat 4.2s ease-in-out infinite;transform-style:preserve-3d;will-change:transform} .sa-admin-portal .sa-balance-card{overflow:hidden;position:relative;animation:saAdminBalanceFloat 5s ease-in-out infinite} .sa-admin-portal .sa-balance-card:after{content:"";position:absolute;inset:-70% -35%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.18) 50%,transparent 58%);transform:translateX(-70%) rotate(8deg);animation:saAdminShine 5.4s ease-in-out infinite;pointer-events:none} .sa-admin-portal .sa-stat-card{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease} .sa-admin-portal .sa-stat-card:hover{transform:translateY(-5px);border-color:rgba(59,11,20,.18);box-shadow:0 18px 38px rgba(59,11,20,.10)} .sa-admin-portal .sa-stat-card>i{transition:transform .28s ease,background .28s ease}.sa-admin-portal .sa-stat-card:hover>i{transform:rotate(-7deg) scale(1.09);background:#f5dfe3} .sa-admin-portal .sa-admin-count-done{animation:saAdminCountPop .34s ease} .sa-admin-portal .sa-order-chart .sa-chart-line{vector-effect:non-scaling-stroke} .sa-admin-portal .sa-chart-legend i{animation:saAdminLegendPulse 2.3s ease-in-out infinite}.sa-admin-portal .sa-chart-legend span:nth-child(2) i{animation-delay:.25s}.sa-admin-portal .sa-chart-legend span:nth-child(3) i{animation-delay:.5s} .sa-admin-portal .sa-progress-cell span i,.sa-admin-portal .sa-progress-bar span,.sa-admin-portal .sa-bar-row i{transition:width 1.05s cubic-bezier(.2,.78,.24,1);position:relative;overflow:hidden} .sa-admin-portal .sa-progress-cell span i:after,.sa-admin-portal .sa-progress-bar span:after,.sa-admin-portal .sa-bar-row i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:saAdminProgressShine 2.4s ease-in-out infinite} .sa-admin-portal .sa-donut{transition:background .08s linear;filter:drop-shadow(0 8px 18px rgba(45,166,106,.12))} .sa-admin-portal .sa-recent-order,.sa-admin-portal .sa-recent-message{transition:transform .22s ease,background .22s ease,padding .22s ease}.sa-admin-portal .sa-recent-order:hover,.sa-admin-portal .sa-recent-message:hover{transform:translateX(5px);background:#fff7f7;padding-left:8px;padding-right:8px;border-radius:9px} .sa-admin-portal .sa-table tbody tr{transition:background .22s ease,transform .22s ease,box-shadow .22s ease}.sa-admin-portal .sa-table tbody tr:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(59,11,20,.06);position:relative;z-index:1} .sa-admin-portal .sa-status{transition:transform .2s ease,box-shadow .2s ease}.sa-admin-portal .sa-status:hover{transform:translateY(-1px) scale(1.025);box-shadow:0 6px 16px rgba(59,11,20,.08)} .sa-admin-portal .sa-btn,.sa-admin-portal .sa-icon-btn,.sa-admin-portal button{position:relative;overflow:hidden}.sa-admin-ripple{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.38);transform:scale(0);animation:saAdminRipple .62s ease-out;z-index:5}.sa-admin-portal .sa-btn-light .sa-admin-ripple,.sa-admin-portal .sa-icon-btn .sa-admin-ripple{background:rgba(59,11,20,.13)} .sa-admin-portal .sa-notification-toggle b,.sa-admin-portal .sa-sidebar nav a b{animation:saAdminBadgePulse 2.1s ease-in-out infinite;transform-origin:center} .sa-action-stack{display:flex;gap:6px;flex-wrap:wrap} @keyframes saAdminHeroGlow{0%{background-position:0 50%}100%{background-position:100% 50%}}@keyframes saAdminHeroShadow{0%,100%{transform:translateX(-2%) scale(.94);opacity:.6}50%{transform:translateX(4%) scale(1.05);opacity:1}}@keyframes saAdminBookFloat{0%,100%{transform:perspective(900px) rotateY(-10deg) rotateZ(-8deg) translateY(0)}50%{transform:perspective(900px) rotateY(-5deg) rotateZ(-5deg) translateY(-10px)}}@keyframes saAdminBalanceFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes saAdminShine{0%,60%{transform:translateX(-85%) rotate(8deg)}90%,100%{transform:translateX(85%) rotate(8deg)}}@keyframes saAdminIconPop{0%{transform:scale(.9)}65%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes saAdminCountPop{0%{transform:scale(.92)}70%{transform:scale(1.07)}100%{transform:scale(1)}}@keyframes saAdminLegendPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(59,11,20,.15)}50%{transform:scale(1.18);box-shadow:0 0 0 5px rgba(59,11,20,0)}}@keyframes saAdminProgressShine{0%,40%{transform:translateX(-110%)}80%,100%{transform:translateX(110%)}}@keyframes saAdminRipple{to{transform:scale(1);opacity:0}}@keyframes saAdminBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.13)}} @media(prefers-reduced-motion:reduce){.sa-admin-portal [data-sa-admin-motion="1"],.sa-admin-portal .sa-sidebar nav a[data-sa-nav-motion="1"]{opacity:1!important;transform:none!important;transition:none!important}.sa-admin-portal .sa-admin-hero,.sa-admin-portal .sa-admin-hero:after,.sa-admin-portal .sa-album-mock .book,.sa-admin-portal .sa-balance-card,.sa-admin-portal .sa-balance-card:after,.sa-admin-portal .sa-chart-legend i,.sa-admin-portal .sa-notification-toggle b,.sa-admin-portal .sa-sidebar nav a b,.sa-admin-portal .sa-progress-cell span i:after,.sa-admin-portal .sa-progress-bar span:after,.sa-admin-portal .sa-bar-row i:after{animation:none!important}} /* V2.11.1 — Orders page only controls Pending/Confirmed approval. */ .sa-order-gate-alert{margin:0 0 16px!important;border-radius:15px!important}.sa-order-gate-form select:disabled{opacity:.72;cursor:not-allowed}.sa-order-gate-note{display:block;margin-top:6px;max-width:190px;color:#8a777c;font-size:9px;line-height:1.4}.sa-full-control-action{background:#3B0B14!important;border-color:#3B0B14!important;color:#fff!important}.sa-admin-orders-table th:nth-child(5){min-width:215px}.sa-admin-orders-table td:nth-child(5){vertical-align:middle}.sa-admin-orders-table .sa-action-stack{min-width:132px}.sa-admin-orders-table .sa-action-stack a{justify-content:center;text-align:center} /* V2.11.2 — unmistakable client/order/album identity and new-order attention. */ .sa-new-order-attention{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;margin:15px 0;padding:14px 17px;border:1px solid #e5bd61;border-radius:17px;background:linear-gradient(135deg,#fff6dc,#fffdf8);box-shadow:0 12px 30px rgba(146,92,5,.1);color:#3B0B14}.sa-new-order-attention>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#3B0B14;color:#fff;font-size:20px;font-weight:900}.sa-new-order-attention strong,.sa-new-order-attention small{display:block}.sa-new-order-attention small{margin-top:3px;color:#806d50}.sa-new-order-attention>b{white-space:nowrap}.sa-stat-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.sa-stat-new-orders{background:linear-gradient(145deg,#fff7dd,#fff)!important;border-color:#efcf83!important}.sa-new-orders-summary{border-radius:16px!important}.sa-order-badge-row{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-bottom:5px}.sa-order-badge-row b,.sa-order-badge-row em,.sa-order-badge-row i{display:inline-flex;padding:3px 6px;border-radius:999px;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.08em}.sa-order-badge-row b{background:#3B0B14;color:#fff}.sa-order-badge-row em{background:#daf4e4;color:#167341}.sa-order-badge-row i{background:#eaf2ff;color:#285f9f}.sa-unseen-order-row{background:linear-gradient(90deg,#fff7dd 0,#fff 18%)!important}.sa-unseen-order-row td:first-child{box-shadow:inset 4px 0 #d79a18}.sa-order-id-stack strong,.sa-order-id-stack small,.sa-client-identity strong,.sa-client-identity span,.sa-client-identity small{display:block}.sa-order-id-stack small,.sa-client-identity small{margin-top:3px;color:#847277;font-size:9px}.sa-client-identity span{margin-top:3px;color:#3B0B14;font-size:9px;font-weight:850;letter-spacing:.04em}.sa-order-project-identity{display:flex;align-items:center;gap:10px;min-width:230px;color:inherit}.sa-order-project-identity img,.sa-mini-order-thumb{width:54px;height:54px;border-radius:13px;object-fit:cover;border:1px solid rgba(59,11,20,.12);background:#f5e8e4}.sa-order-project-identity strong,.sa-order-project-identity small{display:block}.sa-order-project-identity small{margin-top:3px;color:#857277;font-size:9px}.sa-recent-order-identifiable{grid-template-columns:54px minmax(0,1fr) auto!important}.sa-recent-order-identifiable.is-new{background:#fff9e7;border-radius:12px;padding:8px}.sa-recent-orders-card{min-width:0}.sa-identity-orders-table th:nth-child(2){min-width:250px}.sa-identity-orders-table th:nth-child(3){min-width:165px}.sa-identity-orders-table th:nth-child(4){min-width:210px}.sa-order-identity-filter{grid-template-columns:minmax(260px,1.4fr) minmax(190px,.75fr) minmax(210px,.85fr) auto auto!important}.sa-project-identity-table th:first-child{min-width:280px} @media(max-width:1350px){.sa-stat-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.sa-order-identity-filter{grid-template-columns:1fr 1fr!important}.sa-order-identity-filter button,.sa-order-identity-filter>a{align-self:end}} @media(max-width:760px){.sa-stat-grid.six{grid-template-columns:1fr 1fr}.sa-new-order-attention{grid-template-columns:42px 1fr}.sa-new-order-attention>b{grid-column:2}.sa-order-identity-filter{grid-template-columns:1fr!important}} .sa-settings-shell{min-width:0;max-width:100%} .sa-settings-tabs{gap:5px;padding:5px;margin-bottom:16px;border:1px solid var(--sa-border);border-radius:13px;background:#fff;overflow-x:auto;scrollbar-width:thin;position:sticky;top:94px;z-index:22;box-shadow:0 8px 24px rgba(59,11,20,.04)} .sa-settings-tabs button{appearance:none;border:0;background:transparent;color:#4d4145;padding:11px 14px;border-radius:9px;white-space:nowrap;cursor:pointer;font:inherit;font-weight:650;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease} .sa-settings-tabs button:hover{background:#fff4f3;color:var(--sa);transform:translateY(-1px)} .sa-settings-tabs button.active{background:#3B0B14;color:#fff;box-shadow:0 7px 18px rgba(59,11,20,.16)} .sa-settings-tabs button:focus-visible{outline:3px solid rgba(59,11,20,.18);outline-offset:2px} .sa-settings-form{min-width:0;overflow:hidden} .sa-settings-panel{min-width:0;animation:saSettingsPanelIn .32s cubic-bezier(.2,.75,.25,1) both} .sa-settings-panel[hidden],.sa-settings-module-panel[hidden]{display:none!important} .sa-settings-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--sa-border)} .sa-settings-panel-head h3{margin:3px 0 4px;font-size:20px;color:#2d171d} .sa-settings-panel-head p{margin:0;color:var(--muted);font-size:12px;max-width:720px} .sa-settings-info{display:flex;gap:10px;align-items:flex-start;margin:14px 0 18px;padding:13px 14px;border:1px solid #eadbdd;border-radius:10px;background:#fff8f7;color:#6d555b} .sa-settings-info strong{color:#3B0B14;white-space:nowrap} .sa-settings-info span{font-size:12px;line-height:1.5} .sa-settings-module-panel{min-width:0;margin-top:16px;animation:saSettingsPanelIn .32s cubic-bezier(.2,.75,.25,1) both} .sa-settings-module-panel>*{max-width:100%;box-sizing:border-box} @keyframes saSettingsPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} @media(max-width:900px){.sa-settings-tabs{top:76px}.sa-settings-info{display:grid}.sa-settings-info strong{white-space:normal}} @media(max-width:600px){.sa-settings-tabs{margin-left:-4px;margin-right:-4px;padding:4px}.sa-settings-tabs button{padding:10px 11px;font-size:12px}.sa-settings-panel-head h3{font-size:18px}} @media(prefers-reduced-motion:reduce){.sa-settings-panel,.sa-settings-module-panel{animation:none!important}.sa-settings-tabs button{transition:none!important}} /* ===== V2.12.52 CLIENT ALBUM EXPLORER ===== */ .sa-client-identity-link{color:inherit;text-decoration:none;transition:.2s} .sa-client-identity-link:hover strong,.sa-client-identity-link:hover em{color:var(--sa)} .sa-client-identity-link em{display:block;margin-top:4px;color:#8b5c66;font-size:10px;font-style:normal;font-weight:750} .sa-clients-page-heading{align-items:center} .sa-client-search-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end;margin-bottom:16px} .sa-client-search-bar label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#4d363c;min-width:0} .sa-client-search-bar input{width:100%;min-width:0;height:46px;border:1px solid var(--sa-border);border-radius:12px;padding:0 14px;outline:0} .sa-client-search-bar input:focus{border-color:#9e5b6c;box-shadow:0 0 0 4px rgba(59,11,20,.06)} .sa-client-search-bar>a{height:42px;display:flex;align-items:center;padding:0 8px;color:var(--sa);font-weight:750} .sa-client-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .sa-client-directory-card{display:grid;gap:15px;color:inherit;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden} .sa-client-directory-card:hover{transform:translateY(-4px);border-color:rgba(59,11,20,.24);box-shadow:0 18px 45px rgba(59,11,20,.10)} .sa-client-directory-top{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0} .sa-client-directory-top img{width:58px;height:58px;border-radius:16px;object-fit:cover;background:#f4e3e0} .sa-client-directory-top>div{min-width:0} .sa-client-directory-top span{display:block;color:#9b6872;font-size:9px;font-weight:900;letter-spacing:.12em} .sa-client-directory-top h3{margin:3px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sa-client-directory-top p{margin:0;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sa-client-directory-top>b{align-self:start;padding:5px 7px;border-radius:999px;background:#e7f7eb;color:#19713b;font-size:8px;letter-spacing:.07em} .sa-client-directory-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--sa-border);border-radius:12px;overflow:hidden;background:#fff9f7} .sa-client-directory-metrics span{padding:11px 8px;text-align:center;color:var(--muted);font-size:9px;border-right:1px solid var(--sa-border)} .sa-client-directory-metrics span:last-child{border-right:0} .sa-client-directory-metrics strong{display:block;color:#2f2024;font-size:14px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sa-client-last-album{display:grid;gap:2px;padding:12px;border-radius:12px;background:linear-gradient(135deg,#fff7f4,#f8e8e5);min-width:0} .sa-client-last-album small{color:#9b6872;font-size:8px;font-weight:900;letter-spacing:.12em} .sa-client-last-album strong,.sa-client-last-album span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sa-client-last-album span{color:var(--muted);font-size:10px} .sa-client-directory-open{display:flex;justify-content:space-between;align-items:center;padding-top:2px;color:var(--sa);font-weight:800;font-size:11px} .sa-client-directory-open b{font-size:18px} .sa-client-profile-banner{display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:17px;background:linear-gradient(115deg,#fff,#fff3ef);margin-bottom:16px} .sa-client-profile-banner>img{width:86px;height:86px;border-radius:20px;object-fit:cover;background:#f3dfdc} .sa-client-profile-copy{min-width:0} .sa-client-profile-copy>span{color:#99636d;font-size:9px;font-weight:900;letter-spacing:.14em} .sa-client-profile-copy h2{margin:4px 0 3px} .sa-client-profile-copy p{margin:0;color:var(--muted);white-space:normal;overflow-wrap:anywhere} .sa-client-profile-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end} .sa-client-album-heading{margin:22px 0 12px} .sa-client-album-heading h2{margin:3px 0 0} .sa-client-album-heading>b{padding:7px 10px;border-radius:999px;background:#f2e3e5;color:var(--sa);font-size:10px} .sa-client-album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .sa-client-album-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:0;padding:0;overflow:hidden;transition:.22s} .sa-client-album-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(59,11,20,.10)} .sa-client-album-card.is-new{border-color:#d59c24;box-shadow:0 0 0 3px rgba(213,156,36,.10)} .sa-client-album-cover{position:relative;display:block;min-height:320px;background:#3B0B14;overflow:hidden} .sa-client-album-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease} .sa-client-album-cover:hover img{transform:scale(1.04)} .sa-client-album-cover>span{position:absolute;left:10px;top:10px;padding:5px 8px;border-radius:999px;background:#fff;color:#3B0B14;font-size:8px;font-weight:900;letter-spacing:.08em} .sa-client-album-body{padding:16px;min-width:0;display:flex;flex-direction:column;gap:13px} .sa-client-album-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0} .sa-client-album-title>div{min-width:0} .sa-client-album-title small{color:#9b6872;font-size:8px;font-weight:900;letter-spacing:.12em} .sa-client-album-title h3{margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sa-client-album-title>.sa-status{flex:0 0 auto} .sa-client-album-body dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0} .sa-client-album-body dl>div{padding:8px 9px;border:1px solid var(--sa-border);border-radius:9px;background:#fffaf8;min-width:0} .sa-client-album-body dt{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em} .sa-client-album-body dd{margin:2px 0 0;font-size:10px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sa-client-album-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center} .sa-client-album-progress>span{height:7px;border-radius:99px;background:#eee4e3;overflow:hidden} .sa-client-album-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3B0B14,#bd657c)} .sa-client-album-progress b{font-size:10px} .sa-client-album-payment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .sa-client-album-payment span{font-size:8px;color:var(--muted);padding:7px;border-radius:8px;background:#f8eeee;text-align:center} .sa-client-album-payment b{display:block;color:#38272b;font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sa-client-album-actions{display:flex;gap:8px;margin-top:auto} .sa-client-album-actions .sa-btn{flex:1;justify-content:center;padding-inline:10px;font-size:10px} @media(max-width:1450px){.sa-client-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-client-album-grid{grid-template-columns:1fr}.sa-client-album-card{grid-template-columns:220px minmax(0,1fr)}} @media(max-width:900px){.sa-client-profile-banner{grid-template-columns:70px minmax(0,1fr)}.sa-client-profile-banner>img{width:70px;height:70px}.sa-client-profile-actions{grid-column:1/-1;justify-content:flex-start}.sa-client-directory-grid{grid-template-columns:1fr}.sa-client-album-card{grid-template-columns:175px minmax(0,1fr)}} @media(max-width:650px){.sa-client-search-bar{grid-template-columns:1fr}.sa-client-search-bar .sa-btn{width:100%}.sa-client-album-card{grid-template-columns:1fr}.sa-client-album-cover{min-height:230px;max-height:320px}.sa-client-album-title{display:grid}.sa-client-album-title>.sa-status{justify-self:start}.sa-client-profile-banner{grid-template-columns:1fr;text-align:center}.sa-client-profile-banner>img{margin:auto}.sa-client-profile-actions{justify-content:center}.sa-client-album-body dl{grid-template-columns:1fr}.sa-client-album-actions{display:grid}.sa-clients-page-heading{align-items:flex-start}.sa-clients-page-heading .sa-btn{width:100%}} /* V2.11.5 — final mobile responsiveness, visible mobile search and live-filter state. */ .sa-live-search-hidden{display:none!important}.sa-app-v2.sa-live-search-loading .sa-global-search{opacity:.72}.sa-app-v2.sa-live-search-loading .sa-global-search:after{content:"";width:14px;height:14px;border:2px solid rgba(59,11,20,.18);border-top-color:#3b0b14;border-radius:50%;animation:saSearchSpin .65s linear infinite;margin-right:10px}@keyframes saSearchSpin{to{transform:rotate(360deg)}} .sa-help-card a[target="_blank"],.sa-support-grid a[target="_blank"]{display:inline-flex;align-items:center;justify-content:center;gap:7px} @media(max-width:900px){ .sa-app-v2 .sa-topbar{height:auto;min-height:68px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px} .sa-app-v2 .sa-menu-toggle{order:1;flex:0 0 auto} .sa-app-v2 .sa-top-actions{order:2;margin-left:auto;min-width:0} .sa-app-v2 .sa-global-search{display:flex!important;order:3;flex:0 0 100%;width:100%!important;max-width:none!important;height:42px;margin:0!important} .sa-app-v2 .sa-global-search input{font-size:16px!important;min-width:0} .sa-app-v2 .sa-content-v2{overflow-x:hidden;padding-left:12px;padding-right:12px} .sa-app-v2 .sa-filter-bar,.sa-app-v2 .sa-order-identity-filter,.sa-app-v2 .sa-client-search-bar{grid-template-columns:minmax(0,1fr)!important;gap:9px!important} .sa-app-v2 .sa-filter-actions,.sa-app-v2 .sa-actions,.sa-app-v2 .sa-action-row{display:flex;flex-wrap:wrap;gap:8px} .sa-app-v2 .sa-table-wrap,.sa-app-v2 .sa-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} .sa-app-v2 table{min-width:720px} .sa-app-v2 .sa-support-grid{grid-template-columns:1fr!important} } @media(max-width:560px){ .sa-app-v2 .sa-topbar{padding:8px 10px;gap:7px} .sa-app-v2 .sa-profile-toggle>span,.sa-app-v2 .sa-profile-chevron{display:none!important} .sa-app-v2 .sa-profile-toggle{padding:4px!important;min-width:42px} .sa-app-v2 .sa-content-v2{padding:12px 9px 22px!important} .sa-app-v2 .sa-card,.sa-app-v2 .sa-page-heading,.sa-app-v2 .sa-project-card,.sa-app-v2 .sa-client-directory-card,.sa-app-v2 .sa-client-album-card{max-width:100%;min-width:0} .sa-app-v2 .sa-btn,.sa-app-v2 button,.sa-app-v2 input,.sa-app-v2 select,.sa-app-v2 textarea{max-width:100%} .sa-app-v2 .sa-support-grid .sa-btn{width:100%;white-space:normal;text-align:center} .sa-app-v2 .sa-page-heading{align-items:flex-start;gap:10px}.sa-app-v2 .sa-page-heading>div:last-child{width:100%} } /* V2.11.6 — right-aligned mobile controls and compact active-chat header. */ @media(max-width:900px){ .sa-app-v2 .sa-topbar{justify-content:flex-end} .sa-app-v2 .sa-top-actions{order:1!important;margin-left:auto!important;flex:0 0 auto} .sa-app-v2 .sa-menu-toggle{order:2!important;margin-left:2px!important;margin-right:0!important;display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px} .sa-app-v2 .sa-menu-toggle:hover,.sa-app-v2 .sa-menu-toggle:focus-visible{background:var(--sa-soft)} .sa-app-v2 .sa-global-search{order:3!important} .sa-app-v2.sa-mobile-chat-active .sa-global-search{display:none!important} .sa-app-v2.sa-mobile-chat-active .sa-topbar{min-height:60px!important;height:60px!important;flex-wrap:nowrap!important;padding-top:7px!important;padding-bottom:7px!important} .sa-app-v2.sa-mobile-chat-active .sa-content-v2{padding-top:8px!important} } @media(max-width:560px){ .sa-app-v2 .sa-top-actions{gap:4px!important} .sa-app-v2 .sa-notification-toggle,.sa-app-v2 .sa-profile-toggle,.sa-app-v2 .sa-menu-toggle{width:40px!important;height:40px!important;min-width:40px!important} .sa-app-v2 .sa-profile-toggle img{width:36px!important;height:36px!important} .sa-app-v2.sa-mobile-chat-active .sa-topbar{min-height:56px!important;height:56px!important;padding-left:8px!important;padding-right:8px!important} } /* V2.11.7 — professional studio hero, consistent action corners and scrollbar-free messaging surfaces. */ .sa-app-v2{--sa-action-radius:8px} .sa-app-v2 .sa-btn, .sa-app-v2 .sa-icon-btn, .sa-app-v2 .sa-help-card a, .sa-app-v2 .sa-balance-card a, .sa-app-v2 .sa-quick-actions a, .sa-app-v2 .sa-action-stack a, .sa-app-v2 .sa-client-album-actions a, .sa-app-v2 .sa-full-control-action, .sa-app-v2 .sa-status-save, .sa-app-v2 .sa-modal-dialog button:not(.sa-modal-close), .sa-app-v2 .sa-support-grid .sa-btn, .sa-app-v2 .sa-menu-toggle{border-radius:var(--sa-action-radius)!important} .sa-app-v2 .sa-admin-hero-pro{min-height:360px;grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr);gap:34px;align-items:stretch;padding:38px 40px;border:1px solid #e7d8d3;border-radius:12px;background:linear-gradient(132deg,#fff 0%,#fffaf7 48%,#f3e2dd 100%);box-shadow:0 18px 55px rgba(59,11,20,.075);isolation:isolate} .sa-app-v2 .sa-admin-hero-pro:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#3B0B14 0 30%,#c69c5b 30% 44%,transparent 44%);z-index:2} .sa-app-v2 .sa-admin-hero-pro:after{inset:auto -8% -65% 30%;height:92%;background:radial-gradient(ellipse,rgba(59,11,20,.1),transparent 68%);filter:blur(24px)} .sa-app-v2 .sa-admin-hero-pro .sa-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-right:8px} .sa-app-v2 .sa-admin-hero-pro .sa-eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;font-size:10px;letter-spacing:.18em;color:#74414b} .sa-app-v2 .sa-admin-hero-pro .sa-eyebrow:before{content:"";width:24px;height:1px;background:#c69c5b} .sa-app-v2 .sa-admin-hero-pro h1{max-width:690px;margin:14px 0 13px;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:46px;line-height:1.04;letter-spacing:-.045em;color:#24171b} .sa-app-v2 .sa-admin-hero-pro h1 em{display:inline-block;color:#6b1727;font-family:Georgia,serif;font-weight:400;letter-spacing:-.025em} .sa-app-v2 .sa-admin-hero-pro p{max-width:620px;margin:0;color:#6e5b60;font-size:14px;line-height:1.7} .sa-app-v2 .sa-admin-hero-pro .sa-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:23px} .sa-app-v2 .sa-admin-hero-pro .sa-hero-actions .sa-btn{min-height:42px;padding:10px 17px;box-shadow:none} .sa-app-v2 .sa-admin-hero-pro .sa-hero-actions .sa-btn-outline{border-color:#cdb8b7;background:rgba(255,255,255,.8);color:#3B0B14!important} .sa-app-v2 .sa-admin-hero-pro .sa-hero-text-link{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 5px;color:#3B0B14;font-weight:750} .sa-app-v2 .sa-admin-hero-pro .sa-hero-text-link span{transition:transform .2s ease} .sa-app-v2 .sa-admin-hero-pro .sa-hero-text-link:hover span{transform:translateX(4px)} .sa-app-v2 .sa-hero-metrics{display:flex;align-items:stretch;gap:0;margin-top:25px;width:max-content;max-width:100%;border-top:1px solid #eadfdb} .sa-app-v2 .sa-hero-metrics>span{min-width:116px;padding:14px 24px 0 0;margin-right:24px;border-right:1px solid #eadfdb} .sa-app-v2 .sa-hero-metrics>span:last-child{margin-right:0;border-right:0} .sa-app-v2 .sa-hero-metrics b,.sa-app-v2 .sa-hero-metrics small{display:block} .sa-app-v2 .sa-hero-metrics b{font-size:22px;line-height:1;color:#3B0B14} .sa-app-v2 .sa-hero-metrics small{margin-top:5px;color:#8a757a;font-size:10px} .sa-app-v2 .sa-hero-showcase{position:relative;min-height:282px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(59,11,20,.08);border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(245,226,220,.82));overflow:hidden} .sa-app-v2 .sa-hero-showcase:before{content:"";position:absolute;width:260px;height:260px;right:5%;top:-28%;border:1px solid rgba(198,156,91,.28);border-radius:50%} .sa-app-v2 .sa-hero-showcase:after{content:"";position:absolute;width:190px;height:190px;left:-68px;bottom:-105px;border:1px solid rgba(59,11,20,.1);border-radius:50%} .sa-app-v2 .sa-admin-hero-pro .sa-album-mock{position:absolute;left:25px;top:4px;width:52%;height:245px;z-index:1} .sa-app-v2 .sa-admin-hero-pro .sa-album-mock .book{width:158px;height:214px;border-left-width:7px;box-shadow:18px 24px 45px rgba(59,11,20,.25)} .sa-app-v2 .sa-admin-hero-pro .sa-album-mock .book:before{width:80px;height:96px} .sa-app-v2 .sa-admin-hero-pro .sa-balance-card{position:absolute;right:18px;bottom:18px;width:min(286px,68%);z-index:3;padding:17px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:linear-gradient(145deg,#4e111b,#2e0910);box-shadow:0 18px 36px rgba(59,11,20,.22)} .sa-app-v2 .sa-cashflow-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.13)} .sa-app-v2 .sa-cashflow-heading span,.sa-app-v2 .sa-cashflow-heading small{display:block} .sa-app-v2 .sa-cashflow-heading span{font-size:9px;font-weight:850;letter-spacing:.14em;color:#f5dfe3} .sa-app-v2 .sa-cashflow-heading small{color:#caaeb4;font-size:8px} .sa-app-v2 .sa-cashflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px 0} .sa-app-v2 .sa-cashflow-grid>span{min-width:0} .sa-app-v2 .sa-cashflow-grid>span+span{padding-left:10px;border-left:1px solid rgba(255,255,255,.13)} .sa-app-v2 .sa-cashflow-grid small,.sa-app-v2 .sa-cashflow-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sa-app-v2 .sa-cashflow-grid small{color:#c7aeb3;font-size:8px} .sa-app-v2 .sa-cashflow-grid strong{margin-top:4px;color:#fff;font-size:16px} .sa-app-v2 .sa-admin-hero-pro .sa-balance-card>a{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:8px 10px;border-radius:8px;background:#fff;color:#3B0B14!important;font-size:10px;font-weight:800} .sa-app-v2 .sa-admin-hero-pro .sa-balance-card>a span{font-size:15px} .sa-chat-body,.sa-conversation-list,.sa-message-layout [class*="scroll"]{scrollbar-width:none;-ms-overflow-style:none} .sa-chat-body::-webkit-scrollbar,.sa-conversation-list::-webkit-scrollbar,.sa-message-layout [class*="scroll"]::-webkit-scrollbar{display:none;width:0;height:0} @media(max-width:1180px){.sa-app-v2 .sa-admin-hero-pro{grid-template-columns:minmax(0,1fr) minmax(330px,.75fr);padding:34px 30px}.sa-app-v2 .sa-admin-hero-pro h1{font-size:40px}.sa-app-v2 .sa-hero-metrics>span{min-width:102px;padding-right:16px;margin-right:16px}.sa-app-v2 .sa-admin-hero-pro .sa-album-mock{left:8px}.sa-app-v2 .sa-admin-hero-pro .sa-balance-card{right:12px;bottom:12px}} @media(max-width:880px){.sa-app-v2 .sa-admin-hero-pro{grid-template-columns:1fr;padding:30px 24px}.sa-app-v2 .sa-hero-showcase{min-height:255px}.sa-app-v2 .sa-admin-hero-pro .sa-album-mock{display:flex;left:4%;top:4px;width:47%;height:220px}.sa-app-v2 .sa-admin-hero-pro .sa-balance-card{width:min(300px,58%)}.sa-app-v2 .sa-admin-hero-pro h1{font-size:38px}} @media(max-width:620px){.sa-app-v2 .sa-admin-hero-pro{padding:25px 18px;gap:23px}.sa-app-v2 .sa-admin-hero-pro h1{font-size:33px;letter-spacing:-.035em}.sa-app-v2 .sa-admin-hero-pro p{font-size:13px}.sa-app-v2 .sa-admin-hero-pro .sa-hero-actions{display:grid;grid-template-columns:1fr 1fr}.sa-app-v2 .sa-admin-hero-pro .sa-hero-actions .sa-btn{width:100%}.sa-app-v2 .sa-admin-hero-pro .sa-hero-text-link{grid-column:1/-1;padding-left:2px}.sa-app-v2 .sa-hero-metrics{width:100%}.sa-app-v2 .sa-hero-metrics>span{flex:1;min-width:0;padding-right:9px;margin-right:9px}.sa-app-v2 .sa-hero-showcase{min-height:225px}.sa-app-v2 .sa-admin-hero-pro .sa-album-mock{left:0;width:44%;height:194px}.sa-app-v2 .sa-admin-hero-pro .sa-album-mock .book{width:118px;height:168px;padding:21px 12px}.sa-app-v2 .sa-admin-hero-pro .sa-album-mock .book:before{width:58px;height:67px;border-width:3px}.sa-app-v2 .sa-admin-hero-pro .sa-balance-card{right:9px;bottom:9px;width:64%;padding:13px}.sa-app-v2 .sa-cashflow-heading small{display:none}.sa-app-v2 .sa-cashflow-grid strong{font-size:13px}} @media(max-width:420px){.sa-app-v2 .sa-admin-hero-pro .sa-hero-actions{grid-template-columns:1fr}.sa-app-v2 .sa-admin-hero-pro .sa-hero-text-link{grid-column:auto}.sa-app-v2 .sa-hero-showcase{min-height:205px}.sa-app-v2 .sa-admin-hero-pro .sa-album-mock{opacity:.72;left:-8px}.sa-app-v2 .sa-admin-hero-pro .sa-balance-card{width:72%}.sa-app-v2 .sa-hero-metrics small{font-size:8px}} .sa-app-v2 .sa-order-success-button,.sa-app-v2 .sa-premium-date-button,.sa-app-v2 .sa-calendar-head button,.sa-app-v2 .sa-calendar-actions button,.sa-app-v2 .sa-settings-tabs button{border-radius:var(--sa-action-radius)!important} /* V2.11.8 — contained proof-order menu and centered static cashflow dashboard. */ .sa-proof-order-select-form,.sa-proof-order-select-form label{overflow:visible!important} .sa-proof-order-select-form .sa-proof-order-native.sa-native-select-source{ position:absolute!important;width:1px!important;height:1px!important;min-width:1px!important; opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important; border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important } .sa-proof-order-select-form .sa-native-select-source+.sa-premium-select{ display:block!important;width:100%!important;max-width:100%!important;min-width:0!important; margin-top:0!important;z-index:35!important } .sa-proof-order-select-form .sa-proof-order-premium .sa-premium-select-trigger{ width:100%!important;max-width:100%!important;min-width:0!important;min-height:48px!important; padding:0 8px 0 13px!important;border-radius:8px!important;border-color:rgba(59,11,20,.2)!important; background:linear-gradient(180deg,#fff,#fff8f2)!important;box-shadow:0 7px 20px rgba(59,11,20,.055)!important } .sa-proof-order-select-form .sa-proof-order-premium .sa-premium-select-trigger>span{ min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important; font-size:11px!important;font-weight:800!important;color:#342327!important } .sa-proof-order-select-form .sa-proof-order-premium .sa-premium-select-trigger i{ width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:7px!important } .sa-premium-select-menu.sa-proof-order-premium-menu{ padding:6px!important;border-radius:10px!important;border-color:rgba(59,11,20,.2)!important; background:#fff!important;box-shadow:0 20px 52px rgba(35,10,16,.22)!important; overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:none!important } .sa-premium-select-menu.sa-proof-order-premium-menu::-webkit-scrollbar{display:none!important;width:0!important} .sa-proof-order-premium-menu .sa-premium-select-option{ display:grid!important;gap:2px!important;width:100%!important;padding:9px 10px!important; border-radius:7px!important;border:1px solid transparent!important;white-space:normal!important } .sa-proof-order-premium-menu .sa-premium-select-option strong, .sa-proof-order-premium-menu .sa-premium-select-option span{ display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important } .sa-proof-order-premium-menu .sa-premium-select-option strong{font-size:11px!important;line-height:1.25!important} .sa-proof-order-premium-menu .sa-premium-select-option span{font-size:9px!important;line-height:1.3!important;color:#846f74!important} .sa-proof-order-premium-menu .sa-premium-select-option:hover span, .sa-proof-order-premium-menu .sa-premium-select-option:focus-visible span{color:#f3dfe3!important} .sa-proof-order-premium-menu .sa-premium-select-option.is-selected{ background:#3B0B14!important;color:#fff!important;border-color:#3B0B14!important } .sa-proof-order-premium-menu .sa-premium-select-option.is-selected span{color:#f4dde2!important} .sa-admin-portal .sa-cashflow-showcase{display:grid!important;place-items:center!important;padding:30px!important;min-height:282px!important} .sa-admin-portal .sa-cashflow-showcase .sa-album-mock{display:none!important} .sa-admin-portal .sa-admin-hero-pro .sa-cashflow-showcase .sa-balance-card{ position:relative!important;inset:auto!important;width:min(460px,100%)!important;max-width:100%!important; padding:27px 28px!important;border-radius:12px!important;animation:none!important;transform:none!important; box-shadow:0 24px 55px rgba(59,11,20,.24)!important } .sa-admin-portal .sa-admin-hero-pro .sa-cashflow-showcase .sa-balance-card:after{animation:none!important;opacity:.38!important} .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-heading{padding-bottom:15px!important} .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-heading span{font-size:11px!important} .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-heading small{font-size:9px!important} .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid{gap:20px!important;padding:21px 0!important} .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid>span+span{padding-left:20px!important} .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid small{font-size:10px!important} .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid strong{margin-top:7px!important;font-size:25px!important;overflow:visible!important} .sa-admin-portal .sa-admin-hero-pro .sa-cashflow-showcase .sa-balance-card>a{ min-height:44px!important;padding:10px 13px!important;font-size:11px!important } @media(max-width:880px){ .sa-admin-portal .sa-cashflow-showcase{min-height:265px!important;padding:26px!important} .sa-admin-portal .sa-admin-hero-pro .sa-cashflow-showcase .sa-balance-card{width:min(520px,100%)!important} } @media(max-width:620px){ .sa-admin-portal .sa-cashflow-showcase{min-height:0!important;padding:15px!important} .sa-admin-portal .sa-admin-hero-pro .sa-cashflow-showcase .sa-balance-card{width:100%!important;padding:20px!important} .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid{gap:12px!important;padding:16px 0!important} .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid>span+span{padding-left:12px!important} .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid strong{font-size:19px!important} } /* V2.11.9 — settings spacing, stable live refresh, admin photo and cashflow polish. */ .sa-settings-tabs{margin-bottom:24px!important} .sa-content-v2,.sa-content-v2.sa-live-updating{opacity:1!important;transition:none!important} .sa-settings-panel,.sa-settings-module-panel{animation:none!important} .sa-switch-list label>span{display:grid;gap:3px} .sa-switch-list label>span small{font-size:10px;font-weight:500;color:var(--muted);line-height:1.4} .sa-admin-profile-setting{ display:grid;grid-template-columns:112px minmax(0,1fr);gap:22px;align-items:center; padding:18px;margin:0 0 20px;border:1px solid #eadbdd;border-radius:12px; background:linear-gradient(135deg,#fff7f4,#fff) } .sa-admin-profile-photo{width:108px;height:108px;padding:4px;border-radius:50%;background:linear-gradient(145deg,#3B0B14,#c9a268);box-shadow:0 15px 34px rgba(59,11,20,.16)} .sa-admin-profile-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #fff} .sa-admin-profile-copy{min-width:0} .sa-admin-profile-copy h4{margin:5px 0 3px;font-size:19px;color:#2d171d} .sa-admin-profile-copy>p{margin:0 0 13px;color:var(--muted);font-size:12px} .sa-admin-profile-setting .sa-profile-uploader{max-width:430px} .sa-admin-portal .sa-admin-hero-pro .sa-cashflow-showcase .sa-balance-card.sa-cashflow-pulse{animation:saCashflowSettle .8s cubic-bezier(.2,.75,.25,1) both!important} @keyframes saCashflowSettle{ 0%{box-shadow:0 18px 38px rgba(59,11,20,.17)} 45%{box-shadow:0 30px 68px rgba(59,11,20,.30),0 0 0 5px rgba(201,162,104,.08)} 100%{box-shadow:0 24px 55px rgba(59,11,20,.24)} } @media(max-width:650px){ .sa-settings-tabs{margin-bottom:18px!important} .sa-admin-profile-setting{grid-template-columns:1fr;text-align:center;padding:16px} .sa-admin-profile-photo{margin:auto} .sa-admin-profile-setting .sa-profile-uploader{margin:auto;text-align:left} } /* No flash-of-hidden-content when changing portal sections or project tabs. */ .sa-card[data-sa-portal-motion], .sa-admin-portal [data-sa-admin-motion="1"], .sa-admin-portal .sa-sidebar nav a[data-sa-nav-motion="1"]{ opacity:1!important;transform:none!important } .sa-project-tab-panel.is-active{animation:none!important} /* V2.12.0 — professional admin identity panel. */ .sa-admin-profile-pro{border:1px solid var(--sa-border);border-radius:16px;background:linear-gradient(145deg,#fff,#fff9f7);padding:22px;box-shadow:0 16px 42px rgba(59,11,20,.06);margin-bottom:22px}.sa-admin-profile-pro-head{display:grid;grid-template-columns:auto 76px minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:20px}.sa-admin-identity-label{display:inline-flex;align-items:center;gap:8px;color:var(--sa);font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:11px;white-space:nowrap}.sa-admin-identity-label svg{width:18px;height:18px}.sa-admin-profile-avatar{width:74px;height:74px;padding:3px;border-radius:50%;background:linear-gradient(145deg,#3B0B14,#c9a268);position:relative;box-shadow:0 12px 26px rgba(59,11,20,.18)}.sa-admin-profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff}.sa-admin-profile-avatar>span{position:absolute;right:0;bottom:5px;width:16px;height:16px;border-radius:50%;background:#28a85e;color:transparent;border:3px solid #fff}.sa-admin-profile-name{min-width:0}.sa-admin-profile-name h4{font-size:23px;margin:0 0 4px;color:#23191b}.sa-admin-profile-name p{margin:0;color:var(--muted);font-size:12px}.sa-admin-active-badge{display:inline-flex;align-items:center;gap:7px;background:#edf9f1;border:1px solid #c7ead2;color:#16864a;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:700;white-space:nowrap}.sa-admin-profile-pro-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px}.sa-admin-upload-zone{min-height:220px;border:1.5px dashed #d8b9be;border-radius:14px;background:#fff;display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-content:center;padding:24px;cursor:pointer;transition:.2s}.sa-admin-upload-zone:hover{border-color:var(--sa);box-shadow:0 12px 28px rgba(59,11,20,.08);transform:translateY(-1px)}.sa-admin-upload-round{width:68px;height:68px;border-radius:50%;background:#fff4f1;color:var(--sa);display:grid;place-items:center}.sa-admin-upload-round svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sa-admin-upload-main{min-width:0}.sa-admin-upload-main strong,.sa-admin-upload-main small,.sa-admin-upload-main em{display:block}.sa-admin-upload-main strong{font-size:19px;color:#25171a}.sa-admin-upload-main small{margin-top:7px;color:var(--muted);font-size:12px}.sa-admin-upload-main em{margin-top:18px;padding:11px 12px;border:1px solid #eee0dd;border-radius:9px;background:#fffaf8;color:#6d5a5e;font-size:11px;font-style:normal}.sa-admin-upload-actions{grid-column:2;display:flex;gap:10px;align-items:center}.sa-admin-upload-actions b,.sa-admin-upload-actions i{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:8px;padding:9px 15px;font-style:normal;font-size:12px}.sa-admin-upload-actions b{background:var(--sa);color:#fff}.sa-admin-upload-actions i{border:1px solid #dbc9cc;background:#fff;color:var(--sa)}.sa-admin-photo-usage{border:1px solid #eedede;border-radius:14px;background:linear-gradient(145deg,#fffafa,#fff);padding:18px}.sa-admin-photo-usage h5{display:flex;align-items:center;gap:9px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #eee2e3;font-size:15px;color:#3b2026}.sa-admin-photo-usage h5 svg{width:19px;height:19px;color:var(--sa)}.sa-admin-photo-usage>div{display:grid;grid-template-columns:42px minmax(0,1fr) 46px;align-items:center;gap:11px;padding:13px 0}.sa-admin-photo-usage>div+div{border-top:1px solid #f1e8e9}.sa-admin-usage-icon{width:40px;height:40px;border-radius:50%;background:#fff4f1;color:var(--sa);display:grid;place-items:center}.sa-admin-usage-icon svg{width:19px;height:19px}.sa-admin-photo-usage p{margin:0;min-width:0}.sa-admin-photo-usage strong,.sa-admin-photo-usage small{display:block}.sa-admin-photo-usage strong{font-size:13px}.sa-admin-photo-usage small{margin-top:3px;color:var(--muted);font-size:10px}.sa-admin-photo-usage img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 2px #8d263a}.sa-admin-profile-tip{display:flex;align-items:center;gap:11px;margin-top:18px;padding:13px 15px;border:1px solid #eddcd7;border-radius:11px;background:#fff8f3}.sa-admin-profile-tip>span{width:34px;height:34px;border-radius:9px;background:#fff;color:var(--sa);display:grid;place-items:center}.sa-admin-profile-tip p{margin:0}.sa-admin-profile-tip strong,.sa-admin-profile-tip small{display:block}.sa-admin-profile-tip strong{font-size:12px}.sa-admin-profile-tip small{color:var(--muted);font-size:10px;margin-top:2px} @media(max-width:900px){.sa-admin-profile-pro-head{grid-template-columns:auto 64px minmax(0,1fr)}.sa-admin-active-badge{grid-column:2/4;justify-self:start}.sa-admin-profile-pro-grid{grid-template-columns:1fr}.sa-admin-upload-zone{min-height:200px}.sa-admin-photo-usage{display:none}} @media(max-width:560px){.sa-admin-profile-pro{padding:15px;border-radius:12px}.sa-admin-profile-pro-head{grid-template-columns:58px minmax(0,1fr);gap:11px}.sa-admin-identity-label{grid-column:1/-1}.sa-admin-profile-avatar{width:56px;height:56px}.sa-admin-profile-name h4{font-size:18px}.sa-admin-active-badge{grid-column:1/-1}.sa-admin-upload-zone{grid-template-columns:52px minmax(0,1fr);gap:11px;padding:16px}.sa-admin-upload-round{width:50px;height:50px}.sa-admin-upload-main strong{font-size:16px}.sa-admin-upload-main em{font-size:10px;line-height:1.5}.sa-admin-upload-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.sa-admin-profile-tip{align-items:flex-start}} .sa-admin-upload-status{grid-column:1/-1;display:block;margin-top:4px;color:var(--muted);font-size:11px;font-style:normal}.sa-admin-profile-pro.has-error .sa-admin-upload-status{color:#b42c42}.sa-admin-profile-pro.is-uploading .sa-admin-upload-zone{opacity:.78;pointer-events:none}.sa-admin-upload-actions [data-sa-profile-remove],.sa-admin-upload-actions [data-sa-profile-choose]{cursor:pointer;user-select:none} /* V2.12.3 — exact client motion parity in Admin Portal */ .sa-admin-portal [data-sa-admin-motion="1"]{opacity:0!important;transform:translateY(8px)!important;transition:opacity .38s ease var(--sa-admin-delay,0ms),transform .38s cubic-bezier(.2,.75,.28,1) var(--sa-admin-delay,0ms),box-shadow .22s ease,border-color .22s ease!important} .sa-admin-portal [data-sa-admin-motion="1"].sa-admin-motion-in{opacity:1!important;transform:none!important} .sa-admin-portal .sa-sidebar nav a[data-sa-nav-motion="1"]{opacity:0;transform:translateY(8px);transition:opacity .38s ease var(--sa-nav-delay,0ms),transform .38s cubic-bezier(.2,.75,.28,1) var(--sa-nav-delay,0ms),background .2s ease,color .2s ease} .sa-admin-portal .sa-sidebar nav a.sa-nav-motion-in{opacity:1;transform:none} .sa-admin-portal .sa-admin-hero,.sa-admin-portal .sa-balance-card,.sa-admin-portal .sa-album-mock .book{animation:none!important} .sa-admin-portal .sa-admin-hero:after,.sa-admin-portal .sa-balance-card:after{animation:none!important} .sa-photo-action-with-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;overflow:hidden;position:relative} .sa-photo-action-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:rgba(59,11,20,.08);flex:0 0 auto;transition:transform .28s cubic-bezier(.2,.8,.24,1),background .24s ease} .sa-admin-upload-actions b .sa-photo-action-icon{background:rgba(255,255,255,.15)} .sa-photo-action-icon svg{width:16px!important;height:16px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .sa-photo-action-with-icon:hover .sa-photo-action-icon{transform:translateY(-1px) rotate(-4deg) scale(1.06)} .sa-photo-action-with-icon:active .sa-photo-action-icon{transform:scale(.94)} @media(max-width:560px){.sa-photo-action-with-icon{min-height:44px!important}.sa-photo-action-icon{width:26px;height:26px}} /* V3.24 — profile picker cleanup in both portal roles. */ .sa-app-v2 input[type="file"][data-sa-profile-input]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important} /* V3.24 — minimalist Album/Project hover, intentionally subtle. */ .sa-app-v2[data-sa-section="albums"] .sa-album-card, .sa-app-v2[data-sa-section="albums"] .sa-project-card, .sa-app-v2[data-sa-section="albums"] .sa-client-album-card{ position:relative; overflow:hidden; transform:translateZ(0); transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s ease,border-color .24s ease; } .sa-app-v2[data-sa-section="albums"] .sa-album-card::after, .sa-app-v2[data-sa-section="albums"] .sa-project-card::after, .sa-app-v2[data-sa-section="albums"] .sa-client-album-card::after{ content:""; position:absolute; left:0;right:0;bottom:0; height:2px; background:#3B0B14; transform:scaleX(0); transform-origin:left center; transition:transform .24s ease; pointer-events:none; } .sa-app-v2[data-sa-section="albums"] .sa-album-card:hover, .sa-app-v2[data-sa-section="albums"] .sa-project-card:hover, .sa-app-v2[data-sa-section="albums"] .sa-client-album-card:hover{ transform:translateY(-4px); border-color:rgba(59,11,20,.20); box-shadow:0 14px 30px rgba(59,11,20,.08); } .sa-app-v2[data-sa-section="albums"] .sa-album-card:hover::after, .sa-app-v2[data-sa-section="albums"] .sa-project-card:hover::after, .sa-app-v2[data-sa-section="albums"] .sa-client-album-card:hover::after{transform:scaleX(1)} .sa-app-v2[data-sa-section="albums"] .sa-album-card img, .sa-app-v2[data-sa-section="albums"] .sa-project-card img, .sa-app-v2[data-sa-section="albums"] .sa-client-album-card img{ transition:transform .38s cubic-bezier(.2,.7,.2,1),filter .28s ease; } .sa-app-v2[data-sa-section="albums"] .sa-album-card:hover img, .sa-app-v2[data-sa-section="albums"] .sa-project-card:hover img, .sa-app-v2[data-sa-section="albums"] .sa-client-album-card:hover img{transform:scale(1.018);filter:saturate(1.03)} @media (hover:none){ .sa-app-v2[data-sa-section="albums"] .sa-album-card:hover, .sa-app-v2[data-sa-section="albums"] .sa-project-card:hover, .sa-app-v2[data-sa-section="albums"] .sa-client-album-card:hover{transform:none;box-shadow:0 2px 10px rgba(52,31,38,.02)} } @media (prefers-reduced-motion:reduce){ .sa-app-v2[data-sa-section="albums"] .sa-album-card, .sa-app-v2[data-sa-section="albums"] .sa-project-card, .sa-app-v2[data-sa-section="albums"] .sa-client-album-card, .sa-app-v2[data-sa-section="albums"] img{transition:none!important} } /* V3.25 — same minimalist hover on Projects in Admin and Client portals. */ .sa-app-v2[data-sa-section="projects"] .sa-project-card, .sa-app-v2[data-sa-section="projects"] .sa-client-album-card, .sa-app-v2[data-sa-section="projects"] .sa-order-project-card{ position:relative; overflow:hidden; transform:translateZ(0); transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s ease,border-color .24s ease; } .sa-app-v2[data-sa-section="projects"] .sa-project-card::after, .sa-app-v2[data-sa-section="projects"] .sa-client-album-card::after, .sa-app-v2[data-sa-section="projects"] .sa-order-project-card::after{ content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#3B0B14; transform:scaleX(0);transform-origin:left center;transition:transform .24s ease;pointer-events:none; } .sa-app-v2[data-sa-section="projects"] .sa-project-card:hover, .sa-app-v2[data-sa-section="projects"] .sa-client-album-card:hover, .sa-app-v2[data-sa-section="projects"] .sa-order-project-card:hover{ transform:translateY(-4px);border-color:rgba(59,11,20,.20);box-shadow:0 14px 30px rgba(59,11,20,.08); } .sa-app-v2[data-sa-section="projects"] .sa-project-card:hover::after, .sa-app-v2[data-sa-section="projects"] .sa-client-album-card:hover::after, .sa-app-v2[data-sa-section="projects"] .sa-order-project-card:hover::after{transform:scaleX(1)} .sa-app-v2[data-sa-section="projects"] .sa-project-card img, .sa-app-v2[data-sa-section="projects"] .sa-client-album-card img, .sa-app-v2[data-sa-section="projects"] .sa-order-project-card img{transition:transform .38s cubic-bezier(.2,.7,.2,1),filter .28s ease} .sa-app-v2[data-sa-section="projects"] .sa-project-card:hover img, .sa-app-v2[data-sa-section="projects"] .sa-client-album-card:hover img, .sa-app-v2[data-sa-section="projects"] .sa-order-project-card:hover img{transform:scale(1.018);filter:saturate(1.03)} /* Admin Projects table: subtle row lift without breaking table layout. */ .sa-app-v2[data-sa-section="projects"] .sa-project-identity-table tbody tr{ position:relative;transition:background .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.7,.2,1); } .sa-app-v2[data-sa-section="projects"] .sa-project-identity-table tbody tr:hover{ background:#fffafa;transform:translateY(-2px);box-shadow:0 9px 22px rgba(59,11,20,.065); } .sa-app-v2[data-sa-section="projects"] .sa-project-identity-table tbody tr:hover td:first-child{box-shadow:inset 2px 0 0 #3B0B14} .sa-app-v2[data-sa-section="projects"] .sa-order-project-identity img{transition:transform .32s cubic-bezier(.2,.7,.2,1),filter .25s ease} .sa-app-v2[data-sa-section="projects"] .sa-project-identity-table tbody tr:hover .sa-order-project-identity img{transform:scale(1.035);filter:saturate(1.04)} @media (hover:none){ .sa-app-v2[data-sa-section="projects"] .sa-project-card:hover, .sa-app-v2[data-sa-section="projects"] .sa-client-album-card:hover, .sa-app-v2[data-sa-section="projects"] .sa-order-project-card:hover, .sa-app-v2[data-sa-section="projects"] .sa-project-identity-table tbody tr:hover{transform:none;box-shadow:none} } @media (prefers-reduced-motion:reduce){ .sa-app-v2[data-sa-section="projects"] .sa-project-card, .sa-app-v2[data-sa-section="projects"] .sa-client-album-card, .sa-app-v2[data-sa-section="projects"] .sa-order-project-card, .sa-app-v2[data-sa-section="projects"] .sa-project-identity-table tbody tr, .sa-app-v2[data-sa-section="projects"] img{transition:none!important} } /* V2.12.6 — Cashflow Received/Pending count-up emphasis. */ .sa-admin-portal .sa-cashflow-value{ display:inline-block; font-variant-numeric:tabular-nums; will-change:transform,opacity; } .sa-admin-portal .sa-cashflow-value:not(.sa-admin-count-done){ opacity:.72; transform:translateY(2px); } .sa-admin-portal .sa-cashflow-value.sa-admin-count-done{ opacity:1; transform:translateY(0); transition:opacity .22s ease,transform .28s cubic-bezier(.22,.72,.25,1); } @media (prefers-reduced-motion:reduce){ .sa-admin-portal .sa-cashflow-value{opacity:1!important;transform:none!important;transition:none!important} } /* V2.12.7 — cashflow card remains completely static; only numeric text counts up. */ .sa-admin-portal .sa-cashflow-showcase, .sa-admin-portal .sa-cashflow-showcase .sa-balance-card{ transform:none!important; opacity:1!important; animation:none!important; transition:none!important; width:min(520px,100%)!important; min-width:0!important; } .sa-admin-portal .sa-cashflow-showcase .sa-balance-card.sa-cashflow-pulse{animation:none!important} .sa-admin-portal .sa-cashflow-showcase .sa-balance-card:after{animation:none!important} .sa-admin-portal .sa-cashflow-value{ display:block!important; opacity:1!important; transform:none!important; transition:none!important; will-change:auto!important; font-variant-numeric:tabular-nums; white-space:nowrap; } /* V2.12.8 — absolute cashflow layout stability: preserve the live card DOM and animate numbers only. */ .sa-admin-portal .sa-admin-hero-pro[data-sa-admin-motion="1"], .sa-admin-portal .sa-admin-hero-pro[data-sa-admin-motion="1"].sa-admin-motion-in{ opacity:1!important; transform:none!important; transition:none!important; animation:none!important; } .sa-admin-portal .sa-cashflow-showcase{ contain:layout paint!important; } .sa-admin-portal .sa-cashflow-showcase .sa-balance-card{ box-sizing:border-box!important; flex:none!important; inset:auto!important; position:relative!important; width:min(520px,100%)!important; max-width:520px!important; margin:0!important; translate:none!important; scale:none!important; rotate:none!important; } .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid{ grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; } .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid>span{ min-width:0!important; width:100%!important; } .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-value{ width:100%!important; min-width:0!important; max-width:100%!important; overflow:hidden!important; text-overflow:clip!important; font-variant-numeric:tabular-nums!important; font-feature-settings:"tnum" 1!important; } @media(max-width:620px){ .sa-admin-portal .sa-cashflow-showcase .sa-balance-card{max-width:none!important} } /* V2.12.9 — zero-layout-shift Cashflow Snapshot. The card is immutable; only text digits change. */ .sa-admin-portal .sa-admin-hero-pro, .sa-admin-portal .sa-admin-hero-pro .sa-cashflow-showcase, .sa-admin-portal .sa-admin-hero-pro .sa-cashflow-showcase .sa-balance-card, .sa-admin-portal .sa-admin-hero-pro .sa-cashflow-showcase .sa-balance-card *{ animation-name:none!important; animation-duration:0s!important; animation-delay:0s!important; } .sa-admin-portal .sa-admin-hero-pro, .sa-admin-portal .sa-admin-hero-pro.sa-admin-motion-in, .sa-admin-portal .sa-admin-hero-pro[data-sa-admin-motion], .sa-admin-portal .sa-admin-hero-pro[data-sa-admin-motion].sa-admin-motion-in{ opacity:1!important; transform:none!important; translate:none!important; scale:none!important; rotate:none!important; transition:none!important; animation:none!important; } .sa-admin-portal .sa-cashflow-showcase{ box-sizing:border-box!important; height:var(--sa-cashflow-showcase-height,282px)!important; min-height:var(--sa-cashflow-showcase-height,282px)!important; max-height:var(--sa-cashflow-showcase-height,282px)!important; overflow:hidden!important; transform:none!important; translate:none!important; scale:none!important; rotate:none!important; opacity:1!important; transition:none!important; animation:none!important; } .sa-admin-portal .sa-cashflow-showcase .sa-balance-card{ box-sizing:border-box!important; width:var(--sa-cashflow-card-width,min(520px,100%))!important; min-width:var(--sa-cashflow-card-width,min(520px,100%))!important; max-width:var(--sa-cashflow-card-width,min(520px,100%))!important; height:var(--sa-cashflow-card-height,auto)!important; min-height:var(--sa-cashflow-card-height,0)!important; max-height:var(--sa-cashflow-card-height,none)!important; margin:0!important; flex:none!important; opacity:1!important; transform:none!important; translate:none!important; scale:none!important; rotate:none!important; transition:none!important; animation:none!important; contain:layout paint style!important; will-change:auto!important; } .sa-admin-portal .sa-cashflow-showcase .sa-balance-card:hover, .sa-admin-portal .sa-cashflow-showcase .sa-balance-card:focus, .sa-admin-portal .sa-cashflow-showcase .sa-balance-card:focus-within{ transform:none!important; translate:none!important; scale:none!important; box-shadow:0 24px 55px rgba(59,11,20,.24)!important; } .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid{ width:100%!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; contain:layout!important; } .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid>span{ width:100%!important; min-width:0!important; max-width:100%!important; overflow:hidden!important; } .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-value{ display:block!important; box-sizing:border-box!important; inline-size:100%!important; min-inline-size:0!important; max-inline-size:100%!important; block-size:1.25em!important; min-block-size:1.25em!important; max-block-size:1.25em!important; line-height:1.25!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:clip!important; font-variant-numeric:tabular-nums!important; font-feature-settings:"tnum" 1!important; opacity:1!important; transform:none!important; translate:none!important; scale:none!important; transition:none!important; animation:none!important; will-change:contents!important; } @media(max-width:880px){ .sa-admin-portal .sa-cashflow-showcase{--sa-cashflow-showcase-height:265px} } @media(max-width:620px){ .sa-admin-portal .sa-cashflow-showcase{--sa-cashflow-showcase-height:225px} } @media(max-width:420px){ .sa-admin-portal .sa-cashflow-showcase{--sa-cashflow-showcase-height:205px} } /* V2.12.10 — Projects-style minimalist hover for Recent Orders and Recent Messages. */ .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message{ position:relative; z-index:0; overflow:hidden; box-sizing:border-box; margin-inline:-8px; padding:9px 8px!important; border-radius:10px; transform:translateZ(0)!important; transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s ease,background-color .24s ease,border-color .24s ease!important; } .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order::after, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:#3B0B14; transform:scaleX(0); transform-origin:left center; transition:transform .24s ease; pointer-events:none; } .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:hover, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:focus-visible, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:hover, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:focus-visible{ transform:translateY(-4px)!important; padding-left:8px!important; padding-right:8px!important; background:#fff!important; border-color:rgba(59,11,20,.20)!important; box-shadow:0 14px 30px rgba(59,11,20,.08)!important; outline:none; z-index:2; } .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:hover::after, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:focus-visible::after, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:hover::after, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:focus-visible::after{ transform:scaleX(1); } .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order .sa-mini-order-thumb, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message img{ transform:translateZ(0); transition:transform .38s cubic-bezier(.2,.7,.2,1),filter .28s ease; } .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:hover .sa-mini-order-thumb, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:focus-visible .sa-mini-order-thumb, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:hover img, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:focus-visible img{ transform:scale(1.035); filter:saturate(1.04); } @media (hover:none){ .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:hover, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:hover{ transform:none!important; box-shadow:none!important; } .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:not(.is-new):hover, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:hover{background:transparent!important} .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order.is-new:hover{background:#fff9e7!important} .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:hover::after, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:hover::after{transform:scaleX(0)} .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:hover .sa-mini-order-thumb, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:hover img{transform:none;filter:none} } @media (prefers-reduced-motion:reduce){ .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order::after, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message::after, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order .sa-mini-order-thumb, .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message img{transition:none!important} } /* V2.12.11 — full-width Payment History, scrollbar-free billing tables and balanced section spacing. */ .sa-app-v2[data-sa-section="payments"] .sa-payment-page, .sa-app-v2[data-sa-section="payments"] .sa-client-payment-layout, .sa-app-v2[data-sa-section="payments"] .sa-payment-main, .sa-app-v2[data-sa-section="payments"] .sa-payment-side, .sa-app-v2[data-sa-section="payments"] .sa-payment-history-card, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-card{ width:100%; min-width:0; max-width:100%; box-sizing:border-box; } .sa-app-v2[data-sa-section="payments"] .sa-client-payment-layout{ grid-template-columns:minmax(0,1fr) minmax(260px,300px); gap:20px; align-items:start; } .sa-app-v2[data-sa-section="payments"] .sa-payment-main, .sa-app-v2[data-sa-section="payments"] .sa-payment-side{ display:grid; gap:18px; align-content:start; } .sa-app-v2[data-sa-section="payments"] .sa-payment-main>.sa-card, .sa-app-v2[data-sa-section="payments"] .sa-payment-side>.sa-card, .sa-app-v2[data-sa-section="payments"] .sa-payment-main>.sa-alert{ margin:0!important; } .sa-app-v2[data-sa-section="payments"] .sa-payment-history-card{ grid-column:1/-1; margin:0!important; } .sa-app-v2[data-sa-section="payments"] .sa-payment-history-card>h3{ margin:0 0 16px; } .sa-app-v2[data-sa-section="payments"] .sa-payment-history-wrap, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-wrap{ width:100%; max-width:100%; overflow:visible!important; scrollbar-width:none; } .sa-app-v2[data-sa-section="payments"] .sa-payment-history-wrap::-webkit-scrollbar, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-wrap::-webkit-scrollbar{ display:none; width:0; height:0; } .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table{ width:100%!important; min-width:0!important; max-width:100%!important; table-layout:fixed; } .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table th, .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table td, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table th, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table td{ min-width:0; white-space:normal; overflow-wrap:anywhere; word-break:normal; } .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table th:nth-child(1){width:24%} .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table th:nth-child(2){width:24%} .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table th:nth-child(3){width:18%} .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table th:nth-child(4){width:17%} .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table th:nth-child(5){width:17%} .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table{table-layout:auto} .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-card{margin-top:0} .sa-app-v2[data-sa-section="payments"] .sa-payment-summary-card, .sa-app-v2[data-sa-section="payments"] .sa-secure-payment-card, .sa-app-v2[data-sa-section="payments"] .sa-payment-order-summary, .sa-app-v2[data-sa-section="payments"] .sa-payment-history-card, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-card{ position:relative; overflow:hidden; } .sa-app-v2[data-sa-section="payments"] .sa-secure-payment-card{ padding-top:20px; padding-bottom:20px; } .sa-app-v2[data-sa-section="payments"] .sa-payment-trust{ margin-top:14px; } @media(max-width:980px){ .sa-app-v2[data-sa-section="payments"] .sa-client-payment-layout{ grid-template-columns:minmax(0,1fr); gap:18px; } .sa-app-v2[data-sa-section="payments"] .sa-payment-history-card{grid-column:auto} } @media(max-width:700px){ .sa-app-v2[data-sa-section="payments"] .sa-payment-history-card, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-card{padding:16px} .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table, .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table tbody, .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table tr, .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table td, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table tbody, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table tr, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table td{ display:block; width:100%!important; } .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table thead, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table thead{display:none} .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table tbody, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table tbody{display:grid;gap:12px} .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table tr:not(.sa-empty-row), .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table tr:not(.sa-empty-row){ padding:10px 12px; border:1px solid var(--sa-border); border-radius:10px; background:#fff; } .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table td, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table td{ display:grid; grid-template-columns:minmax(92px,38%) minmax(0,1fr); gap:12px; align-items:center; padding:8px 0; border:0; text-align:right; } .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table td+td, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table td+td{border-top:1px solid #f3eeee} .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table td::before, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table td::before{ content:attr(data-label); color:var(--muted); font-size:11px; font-weight:650; text-align:left; } .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table .sa-empty-row td, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table .sa-empty-row td{ display:block; padding:14px 0; text-align:left; } .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table .sa-empty-row td::before, .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table .sa-empty-row td::before{display:none} } @media(max-width:650px){ .sa-app-v2[data-sa-section="payments"] .sa-payment-summary-grid{gap:0} .sa-app-v2[data-sa-section="payments"] .sa-payment-main, .sa-app-v2[data-sa-section="payments"] .sa-payment-side, .sa-app-v2[data-sa-section="payments"] .sa-client-payment-layout{gap:14px} } /* V3.33 — premium welcome sparkle; replaces ambiguous hand emoji. */ .sa-welcome-title{ display:flex; align-items:center; flex-wrap:wrap; gap:9px; } .sa-welcome-mark{ display:inline-grid; place-items:center; width:31px; height:31px; flex:0 0 31px; margin-top:1px; border:1px solid rgba(86,9,26,.13); border-radius:50%; color:#5a0b1d; background:linear-gradient(145deg,#fff8f6,#f8ece9); box-shadow:0 5px 14px rgba(78,9,24,.09); vertical-align:middle; } .sa-welcome-mark svg{ width:17px; height:17px; overflow:visible; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; } @media(max-width:650px){ .sa-welcome-title{gap:7px} .sa-welcome-mark{width:28px;height:28px;flex-basis:28px} .sa-welcome-mark svg{width:15px;height:15px} } /* V2.12.13 — remove the decorative outline/ring from the header profile avatar in both portals. */ .sa-app-v2 .sa-profile-toggle{ border:0!important; outline:0!important; background:transparent!important; background-image:none!important; box-shadow:none!important; } .sa-app-v2 .sa-profile-toggle:hover, .sa-app-v2 .sa-profile-toggle:focus, .sa-app-v2 .sa-profile-toggle:focus-visible, .sa-app-v2 .sa-profile-menu.open .sa-profile-toggle{ border:0!important; outline:0!important; background:transparent!important; background-image:none!important; box-shadow:none!important; transform:none!important; } .sa-app-v2 .sa-profile-toggle:before, .sa-app-v2 .sa-profile-toggle:after{content:none!important;display:none!important} .sa-app-v2 .sa-profile-toggle img{ border:0!important; outline:0!important; box-shadow:none!important; } /* V2.12.14 instant navigation feedback without layout shift. */ .sa-app-v2.sa-page-opening .sa-content-v2{pointer-events:none} .sa-app-v2.sa-page-opening .sa-topbar:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#3b0b14;transform-origin:left;animation:sa-fast-load .55s ease-out infinite alternate;z-index:30} @keyframes sa-fast-load{from{transform:scaleX(.18);opacity:.45}to{transform:scaleX(.92);opacity:1}} @media(prefers-reduced-motion:reduce){.sa-app-v2.sa-page-opening .sa-topbar:after{animation:none;transform:scaleX(1)}} /* V2.12.16 — isolate the portal from public-theme header/profile/cursor code. */ .sa-portal-body>.sa-global-account-fallback, .sa-portal-body .sa-global-account-fallback, .sa-portal-body>.site-header, .sa-portal-body>.sa-wp-header, .sa-portal-body>.premium-cursor, .sa-portal-body .premium-cursor, .sa-portal-body .header-account:not(.sa-profile-menu){display:none!important} html.has-custom-cursor .sa-portal-body, html.has-custom-cursor .sa-portal-body *{cursor:auto!important} .sa-portal-body a, .sa-portal-body button, .sa-portal-body [role="button"], .sa-portal-body input[type="button"], .sa-portal-body input[type="submit"], .sa-portal-body input[type="file"], .sa-portal-body select{cursor:pointer!important} .sa-portal-body input[type="text"], .sa-portal-body input[type="email"], .sa-portal-body input[type="password"], .sa-portal-body input[type="search"], .sa-portal-body input[type="number"], .sa-portal-body textarea{cursor:text!important} @media(max-width:900px){ .sa-app-v2 .sa-menu-toggle{display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:relative!important;z-index:6!important} .sa-app-v2 .sa-top-actions{display:flex!important} } /* V2.12.17 — compact premium cursor inside admin/client portal. */ .sa-portal-cursor{ position:fixed;left:0;top:0;width:28px;height:28px;border:1px solid rgba(59,11,20,.48); border-radius:50%;background:rgba(59,11,20,.025);pointer-events:none;z-index:2147483000; transform:translate3d(-120px,-120px,0) translate(-50%,-50%);display:grid;place-items:center; opacity:0;visibility:hidden;will-change:transform,width,height,opacity; transition:width .18s ease,height .18s ease,background .18s ease,border-color .18s ease,opacity .15s ease,box-shadow .18s ease; mix-blend-mode:multiply;box-shadow:0 5px 18px rgba(59,11,20,.10) } .sa-portal-cursor:before{content:"";width:4px;height:4px;border-radius:50%;background:#3B0B14;transition:.18s} .sa-portal-cursor.is-visible{opacity:1;visibility:visible} .sa-portal-cursor.is-button{width:42px;height:42px;background:rgba(59,11,20,.07);border-color:rgba(59,11,20,.42);box-shadow:0 8px 22px rgba(59,11,20,.13)} .sa-portal-cursor.is-card{width:46px;height:46px;background:rgba(59,11,20,.045);border-color:rgba(59,11,20,.30)} .sa-portal-cursor.is-image{width:52px;height:52px;background:rgba(59,11,20,.09);border-color:rgba(59,11,20,.24);backdrop-filter:blur(1px)} .sa-portal-cursor.is-text{width:20px;height:20px;background:transparent;border-color:rgba(59,11,20,.38)} .sa-portal-cursor.is-dark{mix-blend-mode:normal;border-color:rgba(248,243,236,.82);background:rgba(248,243,236,.08);box-shadow:0 6px 20px rgba(0,0,0,.15)} .sa-portal-cursor.is-dark:before{background:#f8f3ec;box-shadow:0 0 10px rgba(255,255,255,.34)} @media (pointer:fine) and (prefers-reduced-motion:no-preference){ html.sa-portal-custom-cursor .sa-portal-body, html.sa-portal-custom-cursor .sa-portal-body *{cursor:none!important} } @media (pointer:coarse),(prefers-reduced-motion:reduce){.sa-portal-cursor{display:none!important}} /* V2.12.18 — portal cursor is activated by real mouse movement, including hybrid devices. */ .sa-portal-cursor{width:26px!important;height:26px!important;display:grid!important;pointer-events:none!important;z-index:2147483000!important} .sa-portal-cursor.is-blue{ width:42px!important;height:42px!important; background:radial-gradient(circle,rgba(91,126,255,.20) 0%,rgba(91,126,255,.09) 58%,rgba(91,126,255,0) 76%)!important; border-color:rgba(91,126,255,.68)!important; box-shadow:0 8px 22px rgba(91,126,255,.18)!important; mix-blend-mode:normal!important } .sa-portal-cursor.is-blue:before{background:#5b7eff!important;box-shadow:0 0 10px rgba(91,126,255,.46)!important} .sa-portal-cursor.is-text{width:18px!important;height:18px!important;background:transparent!important;box-shadow:none!important} .sa-portal-cursor.is-dark.is-blue{border-color:rgba(226,234,255,.92)!important;background:rgba(118,149,255,.14)!important} .sa-portal-cursor.is-dark.is-blue:before{background:#f7f9ff!important} html.sa-portal-custom-cursor body.sa-portal-body, html.sa-portal-custom-cursor body.sa-portal-body *{cursor:none!important} @media(pointer:coarse){html.sa-portal-custom-cursor body.sa-portal-body,html.sa-portal-custom-cursor body.sa-portal-body *{cursor:auto!important}.sa-portal-cursor{display:none!important}} /* V2.12.19 — always-active portal cursor with native-safe fallback. */ @media (hover:hover) and (pointer:fine){ html.sa-portal-custom-cursor body.sa-portal-body, html.sa-portal-custom-cursor body.sa-portal-body *:not(iframe):not(object):not(embed){cursor:none!important} .sa-portal-cursor, .sa-portal-cursor:not(.is-visible){ display:grid!important;visibility:visible!important;opacity:1!important; width:26px!important;height:26px!important;border:1px solid rgba(59,11,20,.58)!important; border-radius:50%!important;background:rgba(255,255,255,.34)!important; box-shadow:0 5px 18px rgba(59,11,20,.13),inset 0 0 0 1px rgba(255,255,255,.48)!important; backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important; mix-blend-mode:normal!important;pointer-events:none!important;z-index:2147483647!important; } .sa-portal-cursor:before{width:4px!important;height:4px!important;background:#3B0B14!important;box-shadow:0 0 7px rgba(59,11,20,.32)!important} .sa-portal-cursor.is-blue,.sa-portal-cursor.is-button,.sa-portal-cursor.is-card,.sa-portal-cursor.is-image{ width:44px!important;height:44px!important;border-color:rgba(75,113,255,.80)!important; background:radial-gradient(circle,rgba(91,126,255,.25) 0%,rgba(91,126,255,.12) 58%,rgba(91,126,255,.04) 100%)!important; box-shadow:0 9px 26px rgba(75,113,255,.24),inset 0 0 0 1px rgba(255,255,255,.58)!important; } .sa-portal-cursor.is-blue:before,.sa-portal-cursor.is-button:before,.sa-portal-cursor.is-card:before,.sa-portal-cursor.is-image:before{background:#4f73ff!important;box-shadow:0 0 12px rgba(79,115,255,.68)!important} .sa-portal-cursor.is-text{width:20px!important;height:20px!important;background:rgba(255,255,255,.25)!important;border-color:rgba(59,11,20,.52)!important;box-shadow:0 4px 14px rgba(59,11,20,.10)!important} .sa-portal-cursor.is-dark{border-color:rgba(255,255,255,.88)!important;background:rgba(255,255,255,.12)!important;box-shadow:0 7px 22px rgba(0,0,0,.24)!important} .sa-portal-cursor.is-dark:before{background:#fff!important;box-shadow:0 0 10px rgba(255,255,255,.62)!important} iframe,object,embed{cursor:auto!important} } @media(pointer:coarse){.sa-portal-cursor{display:none!important}} /* V2.12.20 — unified responsive premium cursor states across portal. */ html{scroll-behavior:smooth} @media(pointer:fine){ html.sa-portal-custom-cursor body.sa-portal-body,html.sa-portal-custom-cursor body.sa-portal-body *:not(iframe):not(object):not(embed){cursor:none!important} .sa-portal-cursor{ width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important; opacity:1!important;visibility:visible!important;display:grid!important;pointer-events:none!important;z-index:2147483646!important; border:1px solid rgba(59,11,20,.58)!important;border-radius:50%!important;background:rgba(255,255,255,.18)!important; box-shadow:0 3px 12px rgba(59,11,20,.10)!important;mix-blend-mode:normal!important; transition:width .22s cubic-bezier(.2,.8,.2,1),height .22s cubic-bezier(.2,.8,.2,1),background .22s ease,border-color .22s ease,box-shadow .22s ease!important; animation:saPortalCursorBreath 1.15s ease-in-out infinite!important } .sa-portal-cursor:before{content:""!important;width:4px!important;height:4px!important;border-radius:50%!important;background:#3b0b14!important;box-shadow:0 0 7px rgba(59,11,20,.35)!important} .sa-portal-cursor[data-sa-state="menu"],.sa-portal-cursor[data-sa-state="link"]{width:30px!important;height:30px!important;background:rgba(79,115,255,.10)!important;border-color:rgba(79,115,255,.72)!important;box-shadow:0 6px 18px rgba(79,115,255,.20)!important} .sa-portal-cursor[data-sa-state="button"],.sa-portal-cursor[data-sa-state="card"]{width:40px!important;height:40px!important;background:rgba(79,115,255,.12)!important;border-color:rgba(79,115,255,.78)!important;box-shadow:0 8px 22px rgba(79,115,255,.24)!important} .sa-portal-cursor[data-sa-state="upload"]{width:50px!important;height:50px!important;background:rgba(79,115,255,.13)!important;border-color:rgba(79,115,255,.86)!important;box-shadow:0 9px 26px rgba(79,115,255,.28)!important;animation:saPortalUploadRing .85s linear infinite,saPortalCursorBreath 1.15s ease-in-out infinite!important} .sa-portal-cursor[data-sa-state="text"],.sa-portal-cursor[data-sa-state="default"]{width:16px!important;height:16px!important} .sa-portal-cursor[data-sa-blue="1"]:before{background:#4f73ff!important;box-shadow:0 0 11px rgba(79,115,255,.72)!important} .sa-portal-cursor[data-sa-dark="1"]{border-color:rgba(255,255,255,.90)!important;background:rgba(255,255,255,.10)!important;box-shadow:0 7px 22px rgba(0,0,0,.25)!important} .sa-portal-cursor[data-sa-dark="1"]:before{background:#fff!important;box-shadow:0 0 10px rgba(255,255,255,.65)!important} iframe,object,embed{cursor:auto!important} } @keyframes saPortalCursorBreath{0%,100%{scale:1}50%{scale:.88}} @keyframes saPortalUploadRing{0%{outline:0 solid rgba(79,115,255,.34)}100%{outline:10px solid rgba(79,115,255,0)}} @media(pointer:coarse),(prefers-reduced-motion:reduce){.sa-portal-cursor{display:none!important}html.sa-portal-custom-cursor body.sa-portal-body,html.sa-portal-custom-cursor body.sa-portal-body *{cursor:auto!important}html{scroll-behavior:auto}} /* V2.12.21 — exact portal cursor hierarchy + sound-wave zoom-out, with stable pointer coordinates. */ @media(hover:hover) and (pointer:fine){ html.sa-portal-custom-cursor body.sa-portal-body,html.sa-portal-custom-cursor body.sa-portal-body *:not(iframe):not(object):not(embed){cursor:none!important} .sa-portal-cursor{width:16px!important;height:16px!important;min-width:0!important;min-height:0!important;display:grid!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;z-index:2147483647!important;border:1px solid rgba(255,248,232,.96)!important;border-radius:50%!important;background:rgba(255,255,255,.06)!important;box-shadow:0 2px 11px rgba(25,13,15,.28),0 0 0 1px rgba(59,11,20,.28)!important;mix-blend-mode:normal!important;animation:none!important;transition:width .18s cubic-bezier(.2,.8,.2,1),height .18s cubic-bezier(.2,.8,.2,1),background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important;will-change:transform,width,height!important} .sa-portal-cursor:before{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:4px!important;height:4px!important;margin:-2px 0 0 -2px!important;border-radius:50%!important;background:#fff8e8!important;box-shadow:0 0 0 1px rgba(59,11,20,.60),0 0 8px rgba(255,248,232,.55)!important;transform:none!important;animation:none!important} .sa-portal-cursor:after{content:""!important;position:absolute!important;inset:-1px!important;border:1px solid rgba(82,119,255,.58)!important;border-radius:50%!important;opacity:0!important;pointer-events:none!important;transform:scale(.72)!important} .sa-portal-cursor[data-sa-wave="1"]{outline:0 solid transparent!important} .sa-portal-cursor[data-sa-wave="1"]:after{animation:saPortalSoundWave 1.05s cubic-bezier(.15,.65,.3,1) infinite!important} .sa-portal-cursor[data-sa-state="input"],.sa-portal-cursor[data-sa-state="text"]{width:14px!important;height:14px!important;background:transparent!important} .sa-portal-cursor[data-sa-state="menu"],.sa-portal-cursor[data-sa-state="link"]{width:34px!important;height:34px!important;border-color:rgba(82,119,255,.90)!important;background:rgba(82,119,255,.10)!important;box-shadow:0 7px 21px rgba(82,119,255,.24)!important} .sa-portal-cursor[data-sa-state="button"],.sa-portal-cursor[data-sa-state="auth"]{width:48px!important;height:48px!important;border-color:rgba(82,119,255,.96)!important;background:rgba(82,119,255,.14)!important;box-shadow:0 9px 26px rgba(82,119,255,.30)!important} .sa-portal-cursor[data-sa-state="card"]{width:56px!important;height:56px!important;border-color:rgba(82,119,255,.90)!important;background:rgba(82,119,255,.11)!important;box-shadow:0 11px 30px rgba(82,119,255,.27)!important} .sa-portal-cursor[data-sa-state="image"],.sa-portal-cursor[data-sa-state="upload"]{width:70px!important;height:70px!important;border-color:rgba(82,119,255,.98)!important;background:radial-gradient(circle,rgba(82,119,255,.18),rgba(82,119,255,.08) 62%,transparent 74%)!important;box-shadow:0 13px 36px rgba(82,119,255,.35)!important} .sa-portal-cursor[data-sa-blue="1"]:before{background:#5277ff!important;box-shadow:0 0 13px rgba(82,119,255,.85)!important} .sa-portal-cursor[data-sa-dark="1"]{border-color:rgba(255,248,232,.98)!important;box-shadow:0 8px 28px rgba(0,0,0,.36)!important} iframe,object,embed{cursor:auto!important} } @keyframes saPortalSoundWave{0%{opacity:.74;transform:scale(.72)}70%,100%{opacity:0;transform:scale(1.55)}} @media(pointer:coarse){.sa-portal-cursor{display:none!important}} /* V2.12.22 — authoritative portal cursor sizes + visible sound-wave effect. */ @media (hover:hover) and (pointer:fine){ html.sa-portal-cursor-v1222,html.sa-portal-cursor-v1222 body,html.sa-portal-cursor-v1222 body *:not(iframe):not(object):not(embed){cursor:none!important} html.sa-portal-cursor-v1222 .sa-portal-cursor{ display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:none!important;position:fixed!important;left:0!important;top:0!important;z-index:2147483647!important; width:16px!important;height:16px!important;border:1px solid rgba(255,248,232,.96)!important;border-radius:50%!important;background:rgba(255,255,255,.05)!important; box-shadow:0 2px 10px rgba(25,13,15,.28),0 0 0 1px rgba(59,11,20,.26)!important;mix-blend-mode:normal!important; transform:translate3d(var(--sa-pcx,-80px),var(--sa-pcy,-80px),0) translate(-50%,-50%)!important; transition:width .18s cubic-bezier(.2,.8,.2,1),height .18s cubic-bezier(.2,.8,.2,1),background .18s ease,border-color .18s ease,box-shadow .18s ease!important;animation:none!important; } html.sa-portal-cursor-v1222 .sa-portal-cursor::before,html.sa-portal-cursor-v1222 .sa-portal-cursor::after{content:""!important;position:absolute!important;inset:-1px!important;border:1px solid rgba(76,112,255,.72)!important;border-radius:50%!important;opacity:0!important;transform:scale(.72)!important} html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-wave="1"]::before{animation:saPortalWaveV1222 1.1s cubic-bezier(.12,.62,.28,1) infinite!important} html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-wave="1"]::after{animation:saPortalWaveV1222 1.1s .38s cubic-bezier(.12,.62,.28,1) infinite!important} html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-state="menu"]{width:34px!important;height:34px!important;border-color:rgba(76,112,255,.82)!important;background:rgba(76,112,255,.09)!important;box-shadow:0 6px 18px rgba(76,112,255,.22)!important} html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-state="button"]{width:48px!important;height:48px!important;border-color:rgba(76,112,255,.88)!important;background:rgba(76,112,255,.13)!important;box-shadow:0 9px 25px rgba(76,112,255,.28)!important} html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-state="card"]{width:56px!important;height:56px!important;border-color:rgba(76,112,255,.84)!important;background:rgba(76,112,255,.12)!important;box-shadow:0 10px 28px rgba(76,112,255,.26)!important} html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-state="image"],html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-state="upload"]{width:60px!important;height:60px!important;border-color:rgba(76,112,255,.92)!important;background:radial-gradient(circle,rgba(76,112,255,.18),rgba(76,112,255,.08) 62%,rgba(76,112,255,.02))!important;box-shadow:0 12px 32px rgba(76,112,255,.31)!important} html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-state="input"]{width:14px!important;height:14px!important;background:transparent!important} html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-state="text"]{width:12px!important;height:12px!important;background:transparent!important} html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-blue="1"]{border-color:rgba(76,112,255,.9)!important} html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-dark="1"]{border-color:rgba(255,255,255,.94)!important;background:rgba(255,255,255,.10)!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important} } @keyframes saPortalWaveV1222{0%{opacity:.72;transform:scale(.72)}72%{opacity:.12}100%{opacity:0;transform:scale(1.72)}} /* V2.12.23 — portal uses native system cursor only. */ .sa-portal-body,.sa-portal-body *,html .sa-portal-body,html .sa-portal-body *{cursor:auto!important} .sa-portal-body a,.sa-portal-body button,.sa-portal-body [role="button"],.sa-portal-body input[type="button"],.sa-portal-body input[type="submit"],.sa-portal-body label[for]{cursor:pointer!important} .sa-portal-body input,.sa-portal-body textarea,.sa-portal-body [contenteditable="true"]{cursor:text!important} .sa-portal-body .premium-cursor,.sa-portal-body .sa-pulse-cursor,.sa-portal-body .sa-dashboard-cursor{display:none!important} /* V2.12.24 — portal always uses the native operating-system cursor. */ html.sa-portal-custom-cursor, html.sa-portal-cursor-v1222, html.has-custom-cursor, html.sa-public-pulse-cursor, html.sa-portal-custom-cursor body.sa-portal-body, html.sa-portal-cursor-v1222 body.sa-portal-body, html.has-custom-cursor body.sa-portal-body, body.sa-portal-body, body.sa-portal-body *{ cursor:auto!important; } body.sa-portal-body a, body.sa-portal-body button, body.sa-portal-body [role="button"], body.sa-portal-body input[type="button"], body.sa-portal-body input[type="submit"], body.sa-portal-body input[type="file"], body.sa-portal-body label[for], body.sa-portal-body summary{ cursor:pointer!important; } body.sa-portal-body input:not([type="button"]):not([type="submit"]):not([type="file"]), body.sa-portal-body textarea, body.sa-portal-body [contenteditable="true"]{ cursor:text!important; } body.sa-portal-body select{cursor:default!important} body.sa-portal-body .sa-portal-cursor, body.sa-portal-body .premium-cursor, body.sa-portal-body .sa-pulse-cursor, body.sa-portal-body .sa-dashboard-cursor{ display:none!important; visibility:hidden!important; opacity:0!important; } /* V2.12.25 — BFCache/back-navigation interaction recovery. */ html.sa-history-restored .sa-app-v2[data-sa-section="albums"] .sa-album-card, html.sa-history-restored .sa-app-v2[data-sa-section="albums"] .sa-client-album-card, html.sa-history-restored .sa-app-v2[data-sa-section="albums"] .sa-project-card{visibility:visible!important;opacity:1!important;pointer-events:auto!important} .sa-app-v2 .sa-album-card,.sa-app-v2 .sa-client-album-card,.sa-app-v2 .sa-project-card{will-change:transform,box-shadow} /* V2.12.26 — premium SPA navigation: portal shell stays mounted, only content changes. */ .sa-spa-progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:2147483000;pointer-events:none;opacity:0;overflow:hidden;transition:opacity .18s ease;background:transparent} .sa-spa-progress i{display:block;width:38%;height:100%;transform:translateX(-120%);background:linear-gradient(90deg,transparent,#3b0b14 35%,#8f4554 70%,transparent);box-shadow:0 0 14px rgba(59,11,20,.32)} .sa-spa-progress.is-active{opacity:1}.sa-spa-progress.is-active i{animation:saSpaProgress 1s cubic-bezier(.4,0,.2,1) infinite} .sa-app-v2.sa-spa-navigating .sa-content-v2{pointer-events:none}.sa-app-v2.sa-spa-navigating .sa-sidebar,.sa-app-v2.sa-spa-navigating .sa-topbar{pointer-events:auto} .sa-content-v2{transition:opacity .16s ease,transform .2s cubic-bezier(.2,.75,.25,1);will-change:opacity,transform} .sa-content-v2.sa-spa-content-out{opacity:.42;transform:translateY(4px)} .sa-content-v2.sa-spa-content-in{animation:saSpaContentIn .34s cubic-bezier(.2,.78,.24,1) both} @keyframes saSpaProgress{0%{transform:translateX(-120%)}55%{transform:translateX(145%)}100%{transform:translateX(290%)}} @keyframes saSpaContentIn{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}} @media(prefers-reduced-motion:reduce){.sa-spa-progress i,.sa-content-v2.sa-spa-content-in{animation:none!important}.sa-content-v2{transition:none!important}} /* V2.12.29 — true one-tap switching between mobile drawer, profile and notifications. */ @media(max-width:900px){ .sa-app-v2 .sa-topbar{ z-index:140!important; isolation:isolate; } .sa-app-v2 .sa-sidebar{ top:var(--sa-mobile-topbar-height,112px)!important; bottom:0!important; height:auto!important; max-height:calc(100dvh - var(--sa-mobile-topbar-height,112px))!important; z-index:130!important; } .sa-app-v2 .sa-drawer-overlay{ top:var(--sa-mobile-topbar-height,112px)!important; z-index:120!important; } .sa-app-v2 .sa-profile-dropdown, .sa-app-v2 .sa-notification-popup{ z-index:160!important; } .sa-app-v2.sa-drawer-active .sa-topbar, .sa-app-v2 .sa-top-actions, .sa-app-v2 .sa-menu-toggle{ pointer-events:auto!important; } } /* V2.12.30 — authoritative single-open UI state. Theme/mobile scripts cannot keep two panels visible. */ .sa-portal-body .site-header, .sa-portal-body .sa-wp-header, .sa-portal-body .sa-global-account-fallback, .sa-portal-body .mobile-nav, .sa-portal-body .sa-wp-mobile-nav, .sa-portal-body > .header-account{display:none!important;visibility:hidden!important;pointer-events:none!important} .sa-app-v2:not(.sa-ui-profile-open) .sa-profile-dropdown, .sa-app-v2:not(.sa-ui-notifications-open) .sa-notification-popup{ opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-6px)!important } .sa-app-v2.sa-ui-profile-open .sa-profile-dropdown{ opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important } .sa-app-v2.sa-ui-notifications-open .sa-notification-popup{ opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important } .sa-app-v2.sa-ui-profile-open .sa-notification-popup, .sa-app-v2.sa-ui-notifications-open .sa-profile-dropdown{ opacity:0!important;visibility:hidden!important;pointer-events:none!important } @media(max-width:980px){ .sa-app-v2:not(.sa-ui-drawer-open) .sa-sidebar{transform:translateX(100%)!important;pointer-events:none!important} .sa-app-v2.sa-ui-drawer-open .sa-sidebar{transform:none!important;pointer-events:auto!important} .sa-app-v2:not(.sa-ui-drawer-open) .sa-drawer-overlay{opacity:0!important;visibility:hidden!important;pointer-events:none!important} .sa-app-v2.sa-ui-drawer-open .sa-drawer-overlay{opacity:1!important;visibility:visible!important;pointer-events:auto!important} .sa-app-v2.sa-ui-profile-open .sa-sidebar, .sa-app-v2.sa-ui-notifications-open .sa-sidebar{transform:translateX(100%)!important;pointer-events:none!important} .sa-app-v2.sa-ui-profile-open .sa-drawer-overlay, .sa-app-v2.sa-ui-notifications-open .sa-drawer-overlay{opacity:0!important;visibility:hidden!important;pointer-events:none!important} } /* V2.12.31 — one authoritative state for hamburger, profile and notifications. */ .sa-app-v2 .sa-profile-dropdown, .sa-app-v2 .sa-notification-popup{ opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translateY(-6px)!important; } .sa-app-v2[data-sa-ui-state="profile"] .sa-profile-dropdown{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:none!important; } .sa-app-v2[data-sa-ui-state="notifications"] .sa-notification-popup{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:none!important; } .sa-app-v2[data-sa-ui-state="profile"] .sa-notification-popup, .sa-app-v2[data-sa-ui-state="notifications"] .sa-profile-dropdown, .sa-app-v2[data-sa-ui-state="drawer"] .sa-profile-dropdown, .sa-app-v2[data-sa-ui-state="drawer"] .sa-notification-popup{ opacity:0!important; visibility:hidden!important; pointer-events:none!important; } @media(max-width:980px){ .sa-app-v2 .sa-sidebar{ transform:translateX(100%)!important; pointer-events:none!important; } .sa-app-v2 .sa-drawer-overlay{ opacity:0!important; visibility:hidden!important; pointer-events:none!important; } .sa-app-v2[data-sa-ui-state="drawer"] .sa-sidebar{ transform:none!important; pointer-events:auto!important; } .sa-app-v2[data-sa-ui-state="drawer"] .sa-drawer-overlay{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; } .sa-app-v2[data-sa-ui-state="profile"] .sa-sidebar, .sa-app-v2[data-sa-ui-state="notifications"] .sa-sidebar, .sa-app-v2[data-sa-ui-state="none"] .sa-sidebar{ transform:translateX(100%)!important; pointer-events:none!important; } } /* V2.12.35 — loader-free portal navigation with a soft content swap. */ body.sa-portal-body > .loader, body.sa-portal-body > .progress, body.sa-portal-body > .preloader, body.sa-portal-body > .page-loader, body.sa-portal-body > .site-loader, body.sa-portal-body > .loading-screen, body.sa-portal-body .sa-spa-progress{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } .sa-app-v2.sa-page-opening .sa-topbar:after{display:none!important;content:none!important;animation:none!important} .sa-app-v2.sa-page-opening .sa-content-v2, .sa-app-v2.sa-spa-navigating .sa-content-v2{pointer-events:auto!important} .sa-content-v2.sa-spa-content-out{opacity:1!important;transform:none!important} .sa-content-v2.sa-spa-content-in{animation:saPortalSoftSwap .24s cubic-bezier(.2,.72,.24,1) both!important} @keyframes saPortalSoftSwap{from{opacity:.74;transform:translateY(3px)}to{opacity:1;transform:none}} .sa-content-v2{view-transition-name:sa-portal-content} ::view-transition-old(sa-portal-content){animation:saPortalOld .14s ease both} ::view-transition-new(sa-portal-content){animation:saPortalNew .22s cubic-bezier(.2,.72,.24,1) both} @keyframes saPortalOld{to{opacity:.82}} @keyframes saPortalNew{from{opacity:.72;transform:translateY(3px)}to{opacity:1;transform:none}} @media(prefers-reduced-motion:reduce){.sa-content-v2.sa-spa-content-in,::view-transition-old(sa-portal-content),::view-transition-new(sa-portal-content){animation:none!important}} /* V2.12.36 — sequential fade: old page fully fades out before new page fades in. */ .sa-content-v2{view-transition-name:none!important} .sa-content-v2.sa-spa-fade-out{ opacity:0!important; transform:none!important; transition:opacity .14s ease!important; pointer-events:none!important; } .sa-content-v2.sa-spa-fade-in{ opacity:0!important; transform:none!important; transition:none!important; pointer-events:none!important; } .sa-content-v2.sa-spa-fade-in.is-visible{ opacity:1!important; transition:opacity .22s ease!important; } ::view-transition-old(sa-portal-content), ::view-transition-new(sa-portal-content){animation:none!important} @media(prefers-reduced-motion:reduce){ .sa-content-v2.sa-spa-fade-out, .sa-content-v2.sa-spa-fade-in, .sa-content-v2.sa-spa-fade-in.is-visible{opacity:1!important;transition:none!important;pointer-events:auto!important} } /* V2.12.37 — keep the Accounts profile identity card horizontal and readable in both portal roles. Dashboard's legacy .sa-profile-photo grid used to override the Accounts card and squeeze the name into a one-character-wide column. This higher-specificity rule restores the intended card. */ .sa-app-v2 .sa-client-identity-card.sa-profile-photo{ display:block!important; grid-template-columns:none!important; gap:0!important; align-items:stretch!important; padding:0!important; overflow:hidden!important; } .sa-app-v2 .sa-client-identity-card .sa-client-identity-head{ display:grid!important; grid-template-columns:96px minmax(0,1fr) auto!important; gap:18px!important; align-items:center!important; width:100%!important; } .sa-app-v2 .sa-client-identity-card .sa-profile-avatar-stage{ grid-column:auto!important; grid-row:auto!important; } .sa-app-v2 .sa-client-identity-card .sa-profile-identity{ min-width:0!important; width:auto!important; max-width:100%!important; writing-mode:horizontal-tb!important; } .sa-app-v2 .sa-client-identity-card .sa-profile-identity h3, .sa-app-v2 .sa-client-identity-card [data-sa-live-name]{ display:block!important; width:auto!important; max-width:100%!important; margin:6px 0 4px!important; white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important; hyphens:none!important; writing-mode:horizontal-tb!important; text-orientation:mixed!important; line-height:1.2!important; } .sa-app-v2 .sa-client-identity-card .sa-profile-identity>p{ max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .sa-app-v2 .sa-client-identity-card .sa-client-active-badge{ grid-column:auto!important; grid-row:auto!important; align-self:start!important; } .sa-app-v2 .sa-client-identity-card .sa-client-photo-tools{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:18px!important; align-items:center!important; width:100%!important; } @media(max-width:700px){ .sa-app-v2 .sa-client-identity-card .sa-client-identity-head{ grid-template-columns:78px minmax(0,1fr)!important; gap:14px!important; } .sa-app-v2 .sa-client-identity-card .sa-client-active-badge{ grid-column:2!important; justify-self:start!important; margin-top:-8px!important; } .sa-app-v2 .sa-client-identity-card .sa-client-photo-tools{ grid-template-columns:1fr!important; } } @media(max-width:430px){ .sa-app-v2 .sa-client-identity-card .sa-client-identity-head{ grid-template-columns:64px minmax(0,1fr)!important; gap:12px!important; padding:16px!important; } .sa-app-v2 .sa-client-identity-card .sa-client-identity-head .sa-profile-avatar-stage{ width:62px!important; height:62px!important; } .sa-app-v2 .sa-client-identity-card .sa-profile-identity h3, .sa-app-v2 .sa-client-identity-card [data-sa-live-name]{font-size:19px!important} .sa-app-v2 .sa-client-identity-card .sa-client-photo-tools{padding:16px!important} } /* Calling is retired: hide any stale settings markup before JavaScript cleanup. */ [data-sa-call-settings],.sa-call-settings,.sa-calling-settings,.sa-website-calling,.sa-website-calling-settings,.sa-settings-call-card{display:none!important} /* ========================================================= v2.12.42 — Calling settings removal + dashboard icon alignment ========================================================= */ .sa-app-v2 [data-sa-call-settings], .sa-app-v2 .sa-call-settings, .sa-app-v2 .sa-calling-settings, .sa-app-v2 .sa-website-calling, .sa-app-v2 .sa-website-calling-settings, .sa-app-v2 .sa-settings-call-card, .sa-app-v2 .sa-rt-call-actions, .sa-app-v2 [data-sa-call-button], .sa-app-v2 [data-sa-call-start]{display:none!important} .sa-admin-portal .sa-dashboard-stat-grid{align-items:stretch!important;gap:14px!important} .sa-admin-portal .sa-dashboard-stat-card{ display:grid!important; grid-template-columns:48px minmax(0,1fr)!important; grid-template-rows:auto auto auto!important; column-gap:14px!important; row-gap:2px!important; align-content:center!important; min-height:132px!important; padding:20px 18px!important; text-align:left!important; overflow:hidden!important; } .sa-admin-portal .sa-dashboard-stat-card>.sa-dashboard-stat-icon{ position:static!important; inset:auto!important; grid-column:1!important; grid-row:1 / span 3!important; align-self:start!important; width:46px!important; height:46px!important; margin:0!important; border-radius:50%!important; display:grid!important; place-items:center!important; background:#f8e9ec!important; border:1px solid rgba(59,11,20,.06)!important; color:#3B0B14!important; box-shadow:0 8px 18px rgba(59,11,20,.06)!important; transform:none!important; } .sa-admin-portal .sa-dashboard-stat-card>.sa-dashboard-stat-icon .sa-svg-icon{width:20px!important;height:20px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important} .sa-admin-portal .sa-dashboard-stat-card>span, .sa-admin-portal .sa-dashboard-stat-card>strong, .sa-admin-portal .sa-dashboard-stat-card>small{grid-column:2!important;position:static!important;transform:none!important;min-width:0!important} .sa-admin-portal .sa-dashboard-stat-card>span{grid-row:1!important;align-self:end!important;font-size:12px!important;line-height:1.25!important;margin:0!important;color:#554b4e!important} .sa-admin-portal .sa-dashboard-stat-card>strong{grid-row:2!important;font-size:25px!important;line-height:1.12!important;margin:5px 0 3px!important;color:#251b1e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .sa-admin-portal .sa-dashboard-stat-card>small{grid-row:3!important;font-size:11px!important;line-height:1.35!important;margin:0!important;color:var(--muted)!important} .sa-admin-portal .sa-dashboard-stat-card:hover>.sa-dashboard-stat-icon{transform:translateY(-1px)!important;background:#f5dfe3!important} @media(max-width:980px){.sa-admin-portal .sa-dashboard-stat-card{min-height:122px!important}} @media(max-width:650px){ .sa-admin-portal .sa-dashboard-stat-grid{gap:9px!important} .sa-admin-portal .sa-dashboard-stat-card{grid-template-columns:38px minmax(0,1fr)!important;column-gap:10px!important;min-height:108px!important;padding:14px 12px!important} .sa-admin-portal .sa-dashboard-stat-card>.sa-dashboard-stat-icon{width:36px!important;height:36px!important} .sa-admin-portal .sa-dashboard-stat-card>.sa-dashboard-stat-icon .sa-svg-icon{width:17px!important;height:17px!important} .sa-admin-portal .sa-dashboard-stat-card>span{font-size:10px!important} .sa-admin-portal .sa-dashboard-stat-card>strong{font-size:20px!important;margin:4px 0 2px!important} .sa-admin-portal .sa-dashboard-stat-card>small{font-size:9px!important} } /* ========================================================= v2.12.43 — final calling removal + live order KPI polish ========================================================= */ .sa-app-v2 [data-setting="website-calling"], .sa-app-v2 [data-setting="calling"], .sa-app-v2 [id*="website-calling" i], .sa-app-v2 [class*="website-calling" i], .sa-app-v2 [id*="calling-settings" i], .sa-app-v2 [class*="calling-settings" i]{display:none!important} .sa-admin-portal .sa-dashboard-stat-card .sa-dashboard-stat-icon svg{ width:20px!important;height:20px!important;display:block!important; overflow:visible!important;fill:none!important;stroke:currentColor!important; stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important; } .sa-admin-portal .sa-dashboard-stat-card .sa-dashboard-stat-icon::before, .sa-admin-portal .sa-dashboard-stat-card .sa-dashboard-stat-icon::after{content:none!important;display:none!important} /* Admin client account approval */ .sa-pending-approvals{margin-top:14px}.sa-pending-approvals .sa-card-head p{margin:4px 0 0;color:var(--sa-muted,#75686a)}.sa-approval-count{min-width:34px;height:34px;border-radius:17px;display:grid;place-items:center;background:#f7e5e5;color:#6b1f28}.sa-approval-list{display:grid;gap:10px;margin-top:14px}.sa-approval-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(122,49,51,.16);border-radius:14px;background:rgba(255,255,255,.55)}.sa-approval-row img{width:52px;height:52px;border-radius:50%;object-fit:cover}.sa-approval-person{display:grid;gap:2px;min-width:0}.sa-approval-person strong{color:#351113}.sa-approval-person span,.sa-approval-person small{color:#75686a;overflow:hidden;text-overflow:ellipsis}.sa-approval-actions{display:flex;gap:8px}.sa-btn-approve{background:#1f8b58!important}.sa-btn-reject{border-color:#b6404b!important;color:#9e2934!important}@media(max-width:700px){.sa-approval-row{grid-template-columns:46px 1fr}.sa-approval-row img{width:44px;height:44px}.sa-approval-actions{grid-column:1/-1}.sa-approval-actions form{flex:1}.sa-approval-actions .sa-btn{width:100%}} /* ========================================================= UI-ONLY PREMIUM PORTAL POLISH — 2026-08-17 Scope: visual CSS only. No PHP, API, database, auth or JS logic changed. Applies to Admin + Client portal. ========================================================= */ /* Premium palette + balanced rhythm */ .sa-app-v2{ --sa-premium-wine:#4a0d18; --sa-premium-wine-2:#6a1826; --sa-premium-rose:#f8ecee; --sa-premium-gold:#c59a58; --sa-premium-ink:#24191c; --sa-premium-muted:#7b6f72; --sa-premium-line:rgba(74,13,24,.12); --sa-premium-shadow:0 14px 36px rgba(65,24,35,.08); --sa-premium-shadow-hover:0 20px 48px rgba(65,24,35,.13); --sa-premium-radius:16px; } /* Premium pointer/cursor — lightweight embedded SVG, no external asset */ .sa-portal-body, .sa-portal-body *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l12 8-5.4 1.4L9 18z' fill='%23ffffff' stroke='%234a0d18' stroke-width='1.4'/%3E%3C/svg%3E") 4 3,auto} .sa-portal-body a, .sa-portal-body button, .sa-portal-body [role="button"], .sa-portal-body .sa-btn, .sa-portal-body .sa-icon-btn, .sa-portal-body input[type="button"], .sa-portal-body input[type="submit"], .sa-portal-body input[type="checkbox"], .sa-portal-body input[type="radio"], .sa-portal-body select{cursor:pointer} .sa-portal-body input[type="text"], .sa-portal-body input[type="email"], .sa-portal-body input[type="search"], .sa-portal-body input[type="password"], .sa-portal-body input[type="number"], .sa-portal-body textarea{cursor:text} /* Header / sidebar — refined, not flashy */ .sa-sidebar{box-shadow:10px 0 35px rgba(51,18,28,.035)} .sa-topbar{box-shadow:0 8px 28px rgba(51,18,28,.035);backdrop-filter:saturate(120%) blur(8px)} .sa-sidebar nav a{ border:1px solid transparent; transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease; } .sa-sidebar nav a:hover{ background:#fff7f7!important; color:var(--sa-premium-wine)!important; border-color:var(--sa-premium-line); transform:translateX(3px); box-shadow:0 8px 20px rgba(74,13,24,.05); } .sa-sidebar nav a:hover i{color:var(--sa-premium-wine)!important} .sa-sidebar nav a.active{ background:linear-gradient(135deg,var(--sa-premium-wine),var(--sa-premium-wine-2))!important; color:#fff!important; border-color:rgba(255,255,255,.08); box-shadow:0 10px 24px rgba(74,13,24,.18); } .sa-sidebar nav a.active::before{ content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:var(--sa-premium-gold) } /* Global cards / sections */ .sa-card, .sa-stat-card, .sa-dashboard-stat-card, .sa-balance-card, .sa-project-card, .sa-album-card, .sa-client-card, .sa-settings-card{ border-color:var(--sa-premium-line)!important; border-radius:var(--sa-premium-radius)!important; box-shadow:var(--sa-premium-shadow)!important; transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease,border-color .22s ease,background-color .22s ease; } .sa-card:hover, .sa-stat-card:hover, .sa-dashboard-stat-card:hover, .sa-project-card:hover, .sa-album-card:hover, .sa-client-card:hover{ transform:translateY(-2px); box-shadow:var(--sa-premium-shadow-hover)!important; border-color:rgba(74,13,24,.18)!important; } /* Balanced spacing across both portals */ .sa-content-v2{padding:28px 32px 38px!important} .sa-page-heading{margin-bottom:24px!important;align-items:center!important} .sa-heading-actions{gap:12px!important;align-items:center!important} .sa-grid{gap:18px!important} .sa-stat-grid{gap:16px!important;margin-bottom:22px!important} .sa-card{padding:20px!important} .sa-card-head{margin-bottom:16px!important} .sa-filter-bar{gap:12px!important;margin-bottom:20px!important} .sa-form label{margin-bottom:15px!important} /* Premium buttons — balanced height, subtle shine, strong active state */ .sa-btn, .sa-icon-btn, .sa-help-card a, .sa-heading-actions a, .sa-heading-actions button{ position:relative; overflow:hidden; border-radius:10px!important; min-height:40px; padding:10px 17px; transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,filter .18s ease!important; } .sa-btn{ background:linear-gradient(135deg,var(--sa-premium-wine),var(--sa-premium-wine-2))!important; border-color:var(--sa-premium-wine)!important; box-shadow:0 8px 18px rgba(74,13,24,.16)!important; letter-spacing:.01em; } .sa-btn::after{ content:"";position:absolute;inset:-2px auto -2px -45%;width:32%;transform:skewX(-18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent); transition:left .5s ease; pointer-events:none; } .sa-btn:hover::after{left:120%} .sa-btn:hover{transform:translateY(-2px)!important;box-shadow:0 12px 24px rgba(74,13,24,.22)!important;filter:none!important} .sa-btn:active{transform:translateY(0) scale(.985)!important;box-shadow:0 5px 12px rgba(74,13,24,.16)!important} .sa-btn-light,.sa-btn-outline,.sa-icon-btn{ background:#fff!important;color:var(--sa-premium-wine)!important;border-color:rgba(74,13,24,.2)!important;box-shadow:0 5px 14px rgba(74,13,24,.05)!important } .sa-btn-light:hover,.sa-btn-outline:hover,.sa-icon-btn:hover{ background:#fff8f8!important;border-color:rgba(74,13,24,.34)!important;box-shadow:0 10px 22px rgba(74,13,24,.09)!important } .sa-btn:focus-visible,.sa-icon-btn:focus-visible,.sa-sidebar nav a:focus-visible{ outline:3px solid rgba(197,154,88,.32)!important;outline-offset:2px!important } /* Premium active tabs / segmented controls / filters */ .sa-tabs a,.sa-tabs button,.sa-filter-tabs a,.sa-filter-tabs button,.sa-segmented a,.sa-segmented button, .sa-pill,.sa-chip{ transition:all .2s ease!important; } .sa-tabs a:hover,.sa-tabs button:hover,.sa-filter-tabs a:hover,.sa-filter-tabs button:hover,.sa-segmented a:hover,.sa-segmented button:hover, .sa-pill:hover,.sa-chip:hover{ transform:translateY(-1px);box-shadow:0 7px 16px rgba(74,13,24,.07);border-color:rgba(74,13,24,.2)!important } .sa-tabs .active,.sa-tabs [aria-selected="true"],.sa-filter-tabs .active,.sa-filter-tabs [aria-selected="true"], .sa-segmented .active,.sa-segmented [aria-selected="true"],.sa-pill.active,.sa-chip.active{ background:linear-gradient(135deg,var(--sa-premium-wine),var(--sa-premium-wine-2))!important; color:#fff!important;border-color:var(--sa-premium-wine)!important;box-shadow:0 8px 18px rgba(74,13,24,.15)!important } /* Inputs */ .sa-form input,.sa-form select,.sa-form textarea,.sa-filter-bar input,.sa-filter-bar select,.sa-global-search{ border-color:rgba(74,13,24,.14)!important;border-radius:10px!important;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease } .sa-form input:focus,.sa-form select:focus,.sa-form textarea:focus,.sa-filter-bar input:focus,.sa-filter-bar select:focus,.sa-global-search:focus-within{ border-color:rgba(74,13,24,.42)!important;box-shadow:0 0 0 4px rgba(74,13,24,.055)!important;background:#fff!important;outline:0!important } /* POPUPS / dropdowns / modals: always clean white */ .sa-profile-dropdown, .sa-notification-popup, .sa-modal, .sa-modal-card, .sa-dialog, .sa-dialog-card, .sa-popup, .sa-dropdown, [role="dialog"]{ background:#fff!important; color:var(--sa-premium-ink)!important; border-color:rgba(74,13,24,.12)!important; box-shadow:0 24px 70px rgba(41,15,23,.18)!important; } .sa-profile-dropdown,.sa-notification-popup{border-radius:14px!important} .sa-profile-dropdown a:hover,.sa-notification-popup>a:hover{background:#fff7f7!important} .sa-popup-head{background:#fff!important} /* Table hover is premium and restrained */ .sa-table tbody tr{transition:background-color .18s ease,transform .18s ease} .sa-table tbody tr:hover{background:#fff7f7!important} /* Refined status pills */ .sa-status{border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 20%,transparent);box-shadow:0 3px 10px rgba(40,20,26,.035)} /* Entry motion — fast enough to feel premium, never sluggish */ @keyframes saPremiumReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} .sa-content-v2>.sa-page-heading, .sa-content-v2>.sa-stat-grid, .sa-content-v2>.sa-grid, .sa-content-v2>.sa-card, .sa-content-v2>section{ animation:saPremiumReveal .38s cubic-bezier(.2,.7,.2,1) both; } .sa-content-v2>.sa-stat-grid{animation-delay:.035s} .sa-content-v2>.sa-grid,.sa-content-v2>.sa-card,.sa-content-v2>section{animation-delay:.065s} /* Icon/button micro interaction */ .sa-icon-btn i,.sa-btn i,.sa-btn svg,.sa-icon-btn svg{transition:transform .2s ease} .sa-icon-btn:hover i,.sa-btn:hover i,.sa-btn:hover svg,.sa-icon-btn:hover svg{transform:translateY(-1px) scale(1.04)} /* Keep spacing balanced on smaller screens */ @media(max-width:980px){ .sa-content-v2{padding:22px 20px 30px!important} .sa-card{padding:18px!important} .sa-grid{gap:14px!important} } @media(max-width:650px){ .sa-content-v2{padding:16px 14px 24px!important} .sa-page-heading{gap:14px!important;margin-bottom:18px!important} .sa-heading-actions{gap:8px!important;width:100%} .sa-heading-actions .sa-btn,.sa-heading-actions .sa-btn-outline,.sa-heading-actions .sa-btn-light{min-height:38px;padding:9px 13px!important} .sa-card{padding:16px!important;border-radius:14px!important} .sa-stat-grid{gap:10px!important} } /* Accessibility: disable decorative motion when requested */ @media(prefers-reduced-motion:reduce){ .sa-content-v2>.sa-page-heading,.sa-content-v2>.sa-stat-grid,.sa-content-v2>.sa-grid,.sa-content-v2>.sa-card,.sa-content-v2>section{animation:none!important} .sa-btn,.sa-icon-btn,.sa-card,.sa-stat-card,.sa-dashboard-stat-card,.sa-sidebar nav a{transition:none!important} .sa-btn::after{display:none!important} } /* v2.12.62 — portal-only app parity */ .sa-payment-state-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800;text-decoration:none;letter-spacing:.01em;border:1px solid transparent;white-space:nowrap}.sa-payment-state-link.paid{background:#ecf8f0;color:#177245;border-color:#bfe5cb}.sa-payment-state-link.partial{background:#fff6df;color:#9b6500;border-color:#efd99b}.sa-payment-state-link.unpaid{background:#fff0f1;color:#b52e43;border-color:#f2c3ca}.sa-action-stack{gap:7px;flex-wrap:wrap}.sa-open-app-link{white-space:nowrap}.sa-heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap} .sa-create-client-dialog{max-width:600px}.sa-modal-intro{color:#776b69;margin:0 0 18px}.sa-create-client-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sa-create-client-form label,.sa-manual-payment-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#4c3533}.sa-create-client-form input,.sa-manual-payment-form input,.sa-manual-payment-form select,.sa-manual-payment-form textarea,.sa-invoice-controls select{width:100%;box-sizing:border-box;border:1px solid #e2d7d5;background:#fff;color:#2c2020;border-radius:13px;padding:12px 13px;min-height:44px;outline:0;transition:border-color .2s,box-shadow .2s}.sa-create-client-form input:focus,.sa-manual-payment-form input:focus,.sa-manual-payment-form select:focus,.sa-manual-payment-form textarea:focus,.sa-invoice-controls select:focus{border-color:#8b2732;box-shadow:0 0 0 3px rgba(139,39,50,.09)}.sa-create-client-form label small{font-weight:500;color:#8e7d79}.sa-create-client-form .sa-btn{grid-column:1/-1;justify-self:start}.sa-form-feedback{grid-column:1/-1;display:none;padding:11px 13px;border-radius:12px;font-size:13px}.sa-form-feedback.loading,.sa-form-feedback.success,.sa-form-feedback.error{display:flex;flex-direction:column;gap:3px}.sa-form-feedback.loading{background:#f8f4ef;color:#7a635f}.sa-form-feedback.success{background:#edf8f1;color:#176a43}.sa-form-feedback.error{background:#fff0f1;color:#b52e43} .sa-manual-payment-panel{margin-bottom:18px}.sa-manual-payment-form{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:13px;margin-top:18px}.sa-manual-payment-form .wide{grid-column:1/-1}.sa-payment-submit-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sa-payment-submit-row small{color:#817371}.sa-existing-payment-module{margin-top:14px} .sa-app-invoices{display:flex;flex-direction:column;gap:16px}.sa-portal-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:120px}.sa-premium-spinner{width:22px;height:22px;border:2px solid #eadedc;border-top-color:#7c1f2b;border-radius:50%;animation:saPremiumSpin .75s linear infinite}@keyframes saPremiumSpin{to{transform:rotate(360deg)}}.sa-invoice-controls{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.sa-invoice-controls label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#503b38}.sa-invoice-empty{text-align:center;padding:34px}.sa-invoice-empty strong{display:block;font-size:18px;margin-bottom:6px}.sa-invoice-empty p{margin:0;color:#817573}.sa-monthly-billing-card{margin-top:14px}.sa-monthly-billing-card .sa-card-head p{margin:3px 0 0;color:#817573}.sa-monthly-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.sa-monthly-amounts>div{background:#f8f4f2;border:1px solid #ede3e1;border-radius:14px;padding:14px}.sa-monthly-amounts small{display:block;color:#837674;font-size:11px;font-weight:700;margin-bottom:4px}.sa-monthly-amounts strong{font-size:19px;color:#2d2221}.sa-app-invoice-grid{display:grid;gap:10px;margin-top:12px}.sa-app-invoice-card{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sa-app-invoice-card:hover{transform:translateY(-2px);border-color:#d8bfc0;box-shadow:0 14px 32px rgba(67,31,31,.09)}.sa-invoice-card-icon{width:42px;height:42px;border-radius:13px;background:#f4e6e7;color:#7d2130;display:grid;place-items:center;font-size:22px}.sa-app-invoice-card>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.sa-app-invoice-card small,.sa-app-invoice-card span{color:#837674;font-size:11px}.sa-app-invoice-card strong{font-size:14px;color:#2d2221;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-app-invoice-card .amount{text-align:right;display:flex;flex-direction:column;gap:3px}.sa-app-invoice-card .amount b{font-size:15px}.sa-app-invoice-card .amount .due{color:#b83247}.sa-app-invoice-card .amount .paid{color:#177245} .sa-invoice-app-modal{z-index:100000}.sa-invoice-app-dialog{max-width:920px;width:min(94vw,920px);max-height:92vh;overflow:auto;background:#f8f5f2;padding:14px}.sa-invoice-app-sheet{background:#fff;border:1px solid #eadfdd;border-radius:22px;padding:26px;box-shadow:0 18px 60px rgba(68,31,31,.1);color:#2a2020}.sa-invoice-app-sheet header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #eee4e1}.sa-invoice-app-sheet .brand{display:flex;gap:10px;align-items:center}.sa-invoice-app-sheet .mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#721d29;color:#fff;font-size:26px;font-family:serif;font-weight:700}.sa-invoice-app-sheet .brand div,.sa-invoice-title{display:flex;flex-direction:column}.sa-invoice-app-sheet .brand strong{font-size:18px}.sa-invoice-app-sheet .brand small{font-size:9px;letter-spacing:.16em;color:#9d807b}.sa-invoice-title{text-align:right}.sa-invoice-title>span{font-size:22px;font-weight:900;color:#5b1720}.sa-invoice-title>b{font-size:13px}.sa-invoice-title small{font-size:11px;color:#8c7a77}.sa-invoice-party-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;padding:20px 0}.sa-invoice-party-grid>div{display:flex;flex-direction:column;gap:3px}.sa-invoice-party-grid small{font-size:10px;color:#987f7b;font-weight:800;letter-spacing:.1em}.sa-invoice-party-grid strong{font-size:14px;margin:2px 0}.sa-invoice-party-grid span{font-size:12px;color:#625654}.sa-invoice-items{border:1px solid #ede2e0;border-radius:14px;overflow:hidden}.sa-invoice-items .head,.sa-invoice-items .row{display:grid;grid-template-columns:1fr 80px 120px 120px;gap:10px;padding:12px 14px;align-items:center}.sa-invoice-items .head{background:#f7f1ef;font-size:10px;font-weight:800;color:#7f6c69;text-transform:uppercase}.sa-invoice-items .row{border-top:1px solid #f0e7e5;font-size:12px}.sa-invoice-bottom{display:grid;grid-template-columns:1.3fr .8fr;gap:22px;margin-top:20px}.sa-invoice-bottom h3{font-size:14px;margin:0 0 10px}.sa-invoice-bottom .payments>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #eee6e4;font-size:12px}.sa-invoice-bottom .payments p{font-size:12px;color:#8c7a77}.sa-invoice-bottom .totals{display:flex;flex-direction:column;gap:8px}.sa-invoice-bottom .totals>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.sa-invoice-bottom .totals .total{padding-top:9px;border-top:1px solid #dfd1ce;color:#5c1821;font-size:14px}.sa-invoice-bottom .totals .paid{color:#177245}.sa-invoice-bottom .totals .due{background:#fff0f1;color:#bd3046;padding:9px;border-radius:10px;font-weight:800}.sa-invoice-app-sheet footer{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid #eee4e1}.sa-invoice-app-sheet footer p{margin:0;color:#817472;font-size:11px;max-width:55%}.sa-invoice-actions{display:flex;gap:8px;flex-wrap:wrap} @media(max-width:760px){.sa-create-client-form,.sa-manual-payment-form,.sa-invoice-controls,.sa-invoice-party-grid,.sa-invoice-bottom{grid-template-columns:1fr}.sa-manual-payment-form .wide{grid-column:auto}.sa-monthly-amounts{grid-template-columns:1fr 1fr 1fr}.sa-app-invoice-card{grid-template-columns:auto 1fr}.sa-app-invoice-card .amount{grid-column:2;text-align:left}.sa-invoice-app-sheet{padding:18px}.sa-invoice-items .head{display:none}.sa-invoice-items .row{grid-template-columns:1fr 1fr}.sa-invoice-items .row strong{grid-column:1/-1}.sa-invoice-app-sheet footer{align-items:flex-start;flex-direction:column}.sa-invoice-app-sheet footer p{max-width:none}} @media print{body *{visibility:hidden!important}.sa-invoice-app-modal,.sa-invoice-app-modal *{visibility:visible!important}.sa-invoice-app-modal{position:absolute!important;inset:0!important;background:#fff!important}.sa-invoice-app-dialog{max-width:none!important;width:100%!important;max-height:none!important;overflow:visible!important;padding:0!important;box-shadow:none!important}.sa-invoice-app-sheet{box-shadow:none!important;border:0!important;border-radius:0!important}.sa-invoice-app-modal .sa-modal-close,.sa-invoice-actions{display:none!important}}