:root{--ink:#20251f;--muted:#858a82;--line:#eceee9;--paper:#fff;--canvas:#f7f8f5;--green:#98bf8a;--green-dark:#466c45;--nav:#111711;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px var(--font);-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh}.sidebar{width:248px;background:var(--nav);color:#f3f5f0;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:26px 17px 14px;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;padding:0 9px 25px}.brand-mark{width:34px;height:34px;border:1px solid #778d67;border-radius:10px;display:grid;place-items:center;font:800 20px var(--display);color:#c5dcbb}.brand-mark span{color:#98bf8a}.brand-copy{display:grid;gap:0;line-height:1}.brand-copy b{font:800 14px var(--display);letter-spacing:2px}.brand-copy small{font-size:8px;letter-spacing:3.2px;color:#9da49b;margin-top:5px}.workspace{height:58px;border:1px solid #2c332c;background:#191f19;border-radius:8px;display:flex;align-items:center;padding:8px 10px;gap:9px;margin-bottom:28px}.workspace-avatar,.user-avatar,.top-avatar{width:33px;height:33px;border-radius:7px;background:#bfceae;color:#293329;display:grid;place-items:center;font:700 12px var(--display)}.workspace>div:nth-child(2),.user-profile>div:nth-child(2){display:grid;gap:4px;min-width:0}.workspace b,.user-profile b{font-size:11px;font-weight:600}.workspace small,.user-profile small{font-size:10px;color:#969d94}.chevron{margin-left:auto;color:#858c83;font-size:15px}.nav-label{padding:0 10px 10px;color:#787f75;font-size:9px;letter-spacing:1.4px;font-weight:700}.tools-label{margin-top:28px}.main-nav{display:grid;gap:4px}.nav-link{height:39px;padding:0 10px;display:flex;align-items:center;gap:12px;color:#9da49b;text-decoration:none;border-radius:6px;font-size:12px;transition:.18s}.nav-link:hover{color:#edf1e9;background:#1c231c}.nav-link.active{background:#263326;color:#f3f7ef}.nav-icon{width:16px;text-align:center;font-size:16px;color:#a6b29d}.nav-count{margin-left:auto;border-radius:5px;padding:2px 7px;background:#384238;font-size:10px}.sidebar-bottom{margin-top:auto}.plan-card{background:#1a211a;border:1px solid #30382e;border-radius:8px;padding:13px 12px;margin-bottom:18px}.plan-top{display:flex;justify-content:space-between;align-items:center;color:#a0a99a;font-size:8px;letter-spacing:1px}.plan-pill{font-size:8px;color:#c9deb8;background:#32412f;border-radius:4px;padding:4px 5px;letter-spacing:.6px}.plan-card>b{display:block;font:600 12px var(--display);margin:12px 0 5px}.plan-card p{color:#9da49b;font-size:10px;margin:0 0 12px}.upgrade-btn{background:#c3d5b3;border:0;border-radius:5px;color:#1c271a;width:100%;height:30px;text-align:left;padding:0 9px;font:600 10px var(--font)}.upgrade-btn span{float:right;font-size:15px}.help-link{display:flex;align-items:center;color:#aeb5ab;gap:9px;padding:0 5px 16px;font-size:11px}.help-icon{border:1px solid #626b5f;border-radius:50%;width:16px;height:16px;text-align:center;font-size:10px;line-height:14px}.user-profile{border-top:1px solid #2d342c;padding:14px 2px 0;display:flex;align-items:center;gap:9px}.user-avatar{background:#93785d;color:white}.main-area{margin-left:248px;min-height:100vh}.topbar{height:58px;background:rgba(255,255,255,.82);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:sticky;top:0;z-index:4;backdrop-filter:blur(12px)}.crumb{display:flex;align-items:center;gap:10px;font-size:11px;color:#949990}.crumb b{color:#353b33;font-weight:600}.slash{color:#c4c8c0}.top-actions{display:flex;align-items:center;gap:18px;color:#586056}.icon-button{border:0;background:transparent;font-size:19px;color:#626a60;position:relative;cursor:pointer}.notification i{position:absolute;right:1px;top:2px;width:5px;height:5px;background:#a6c394;border-radius:50%;border:1px solid white}.top-divider{height:23px;width:1px;background:#e7e9e3}.top-avatar{width:29px;height:29px;font-size:10px}.content{max-width:1320px;margin:auto;padding:34px 42px 18px}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{color:#8d9588;font-size:9px;letter-spacing:1.25px;font-weight:700;display:flex;align-items:center;gap:7px}.live-dot{height:6px;width:6px;background:#93bc83;border-radius:50%}h1,h2,p{margin-top:0}h1{font:700 25px var(--display);letter-spacing:-1px;margin:10px 0 5px}h1 span{color:#9ab889;font-size:20px}.subtitle{font-size:12px;color:#848a81;margin:0}.primary-button{background:#263a27;color:#f5f8f2;border:0;border-radius:6px;height:38px;padding:0 14px;font:600 11px var(--font);display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:.18s}.primary-button:hover{background:#39543a;transform:translateY(-1px)}.primary-button span{font-size:17px;font-weight:400}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card,.panel{background:#fff;border:1px solid #ebede8;border-radius:8px}.metric-card{padding:15px 16px 12px;min-height:119px}.metric-heading{display:flex;align-items:center;justify-content:space-between;color:#6e756b;font-size:10px;font-weight:500}.metric-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;font-size:11px}.metric-icon.green{color:#548153;background:#edf5e9}.metric-icon.lilac{color:#7c70a3;background:#f1eef9}.metric-icon.amber{color:#aa8651;background:#f7f1e7}.metric-icon.blue{color:#678694;background:#edf4f5}.metric-value{font:700 23px var(--display);letter-spacing:-.8px;margin:11px 0 8px}.metric-foot{display:flex;align-items:center;gap:6px;color:#a0a49d;font-size:9px}.trend{color:#63925e;font-weight:600}.neutral{color:#8b9088}.sparkline{height:17px;margin-left:auto;display:flex;align-items:end;gap:2px;width:56px}.sparkline i{width:3px;border-radius:2px 2px 0 0;background:#b4d0a6}.sparkline i:nth-child(1){height:35%}.sparkline i:nth-child(2){height:50%}.sparkline i:nth-child(3){height:38%}.sparkline i:nth-child(4){height:68%}.sparkline i:nth-child(5){height:50%}.sparkline i:nth-child(6){height:76%}.sparkline i:nth-child(7){height:63%}.sparkline i:nth-child(8){height:86%}.sparkline i:nth-child(9){height:70%}.sparkline i:nth-child(10){height:92%}.sparkline i:nth-child(11){height:100%}.lilacline i{background:#d1c9e5}.amberline i{background:#e9d7b7}.blueline i{background:#b8d2d5}.overview-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(265px,.9fr);gap:13px;margin-top:14px}.panel{padding:17px 18px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panel-header h2{font:700 13px var(--display);letter-spacing:-.2px;margin:0 0 5px}.panel-header p{color:#969b93;font-size:10px;margin:0}.select-button,.more-button{border:1px solid #e8ebe5;background:#fff;color:#676e64;border-radius:5px;padding:7px 9px;font:500 9px var(--font);cursor:pointer}.select-button span{margin-left:14px}.more-button{font-size:17px;line-height:12px;padding:5px 8px}.chart-summary{display:flex;align-items:center;gap:9px;margin:21px 0 9px}.chart-summary strong{font:700 21px var(--display);letter-spacing:-.6px}.chart-summary small{font-size:9px;color:#9da199}.chart-wrap{display:flex;height:159px}.y-labels{width:37px;display:flex;flex-direction:column;justify-content:space-between;padding:2px 0 19px;color:#a7aaa3;font-size:8px}.chart{flex:1;position:relative}.grid-lines{position:absolute;inset:0 0 20px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{border-top:1px dashed #e9ece6}.chart svg{position:absolute;inset:0 0 20px;width:100%;height:calc(100% - 20px);overflow:visible}.area{fill:url(#fill)}.line{fill:none;stroke:#83aa76;stroke-width:2.3;vector-effect:non-scaling-stroke}.chart-dot{fill:#fff;stroke:#83aa76;stroke-width:2.5;vector-effect:non-scaling-stroke}.x-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#a7aaa3;font-size:8px}.source-panel{min-height:251px}.donut-wrap{display:grid;place-items:center;padding:15px 0 11px}.donut{width:119px;height:119px;border-radius:50%;background:conic-gradient(#829d70 0 42%,#c4d2b6 42% 70%,#d9e0d0 70% 88%,#ebeee7 88% 100%);display:grid;place-items:center;position:relative}.donut:after{content:'';position:absolute;inset:11px;background:white;border-radius:50%}.donut>div{z-index:1;display:grid;text-align:center;gap:4px}.donut b{font:700 14px var(--display)}.donut small{font-size:9px;color:#979d93}.legend{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}.legend>div{display:flex;align-items:center;gap:6px;color:#7d837a;font-size:8px;white-space:nowrap}.legend b{margin-left:auto;color:#3f463e;font-size:9px}.legend-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.d1{background:#829d70}.d2{background:#c4d2b6}.d3{background:#d9e0d0}.d4{background:#ebeee7}.events-panel,.sales-panel{margin-top:14px}.events-panel .panel-header,.sales-panel .panel-header{align-items:center;margin-bottom:14px}.text-link{color:#526d4e;text-decoration:none;font-size:10px;font-weight:600;white-space:nowrap}.text-link span{font-size:14px;margin-left:5px}.event-list{display:grid}.event-row{display:grid;grid-template-columns:minmax(180px,1.6fr) .85fr .7fr .55fr auto;align-items:center;gap:15px;padding:10px 0;border-top:1px solid #f0f1ed}.event-identity{display:flex;align-items:center;gap:10px;min-width:0}.event-cover{width:43px;height:39px;object-fit:cover;border-radius:5px;background:#e7ebe4;flex:0 0 auto}.event-name{min-width:0}.event-name b{display:block;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-name small,.event-meta small{display:block;color:#969b92;font-size:9px;margin-top:4px}.event-meta{font-size:10px;color:#545b52}.event-meta strong{font-weight:600}.status{font-size:8px;border-radius:10px;padding:5px 8px;width:max-content;display:flex;align-items:center;gap:5px}.status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.status.live{background:#edf5e9;color:#57824f}.status.draft{background:#f5f1e8;color:#a1824b}.status.archived{background:#f0f1ef;color:#7f857d}.row-menu{border:0;background:none;color:#969d93;font-size:18px;cursor:pointer}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{height:31px;color:#a1a59e;font-size:8px;letter-spacing:.8px;font-weight:600;border-top:1px solid #eff0ec;border-bottom:1px solid #eff0ec}td{height:41px;border-bottom:1px solid #f1f2ef;font-size:9px;color:#71776e}td:first-child{font-weight:600;color:#424940}td:nth-child(2){color:#424940;font-weight:500}td:nth-child(4){color:#343b33;font-weight:600}.sale-status{border-radius:10px;padding:4px 7px;font-size:8px}.sale-status.complete{background:#edf5e9;color:#598052}.sale-status.processing{background:#f8f1e5;color:#a2824c}.footer{display:flex;align-items:center;justify-content:space-between;color:#a1a59e;font-size:9px;padding:20px 0 3px}.footer a{color:#81877d;text-decoration:none;margin-left:15px}.footer-star{color:#98b58c}.mobile-menu{display:none}.modal-backdrop{position:fixed;inset:0;background:rgba(16,23,16,.48);z-index:10;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}.modal-backdrop.open{display:flex}.modal{width:min(450px,100%);background:#fff;border-radius:12px;padding:29px;position:relative;box-shadow:0 25px 80px #12191235;animation:pop .2s ease}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:24px;color:#858b81;cursor:pointer}.modal-icon{width:33px;height:33px;border-radius:8px;background:#edf4e9;color:#66845d;display:grid;place-items:center;margin-bottom:19px}.modal h2{font:700 22px var(--display);margin:7px 0}.modal-copy{font-size:11px;color:#858b81;line-height:1.6;margin-bottom:20px}.modal form{display:grid;gap:13px}.modal label{display:grid;gap:6px;color:#525a50;font-weight:600;font-size:10px}.modal input,.modal select{width:100%;height:38px;border:1px solid #e5e8e0;border-radius:5px;padding:0 10px;font:11px var(--font);color:#343a32;background:white;outline:none}.modal input:focus,.modal select:focus{border-color:#95b789;box-shadow:0 0 0 3px #95b78924}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.submit-button{margin-top:6px;justify-content:center;width:100%}.toast{position:fixed;right:22px;bottom:22px;z-index:20;background:#1f3020;color:#fff;padding:12px 17px;border-radius:7px;font-size:11px;box-shadow:0 8px 25px #0002;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:1120px){.sidebar{width:220px}.main-area{margin-left:220px}.content{padding:30px 26px 18px}.topbar{padding:0 26px}.metric-grid{grid-template-columns:repeat(2,1fr)}.event-row{grid-template-columns:minmax(170px,1.5fr) .8fr .7fr auto}.event-row .event-meta:nth-child(4){display:none}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.22s;width:248px;box-shadow:8px 0 25px #0002}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.topbar{height:54px;padding:0 16px}.mobile-menu{display:block;border:0;background:none;color:#566052;font-size:17px;margin-right:10px}.crumb{margin-right:auto}.top-actions{gap:10px}.top-actions .icon-button:first-child,.top-divider,.top-actions>.chevron{display:none}.content{padding:25px 16px 15px}.welcome-row{align-items:flex-start;gap:15px}.welcome-row h1{font-size:20px}.welcome-row .primary-button{font-size:10px;padding:0 10px;white-space:nowrap}.subtitle{max-width:230px;line-height:1.5}.metric-grid{gap:9px}.metric-card{padding:12px;min-height:111px}.metric-value{font-size:20px}.metric-foot{font-size:8px;gap:4px}.sparkline{width:35px}.overview-grid{grid-template-columns:1fr}.source-panel{min-height:0}.donut-wrap{padding:14px 0}.legend{max-width:400px;margin:auto}.event-row{grid-template-columns:minmax(150px,1fr) auto auto;gap:8px}.event-row .event-meta{display:none}.event-row .status{grid-column:2}.row-menu{grid-column:3;grid-row:1}.event-identity{gap:8px}.event-cover{width:38px;height:36px}.events-panel,.sales-panel{padding:14px 12px}.panel-header h2{font-size:12px}.table-scroll{margin-right:-5px}.footer{flex-wrap:wrap;gap:10px}.footer>span:nth-child(2){order:3;width:100%}}@media(max-width:390px){.welcome-row{display:grid}.welcome-row .primary-button{justify-self:start}.metric-foot .sparkline{display:none}.content{padding-left:12px;padding-right:12px}.panel{padding:14px 12px}.chart-summary small{display:none}}
.event-actions{display:flex;align-items:center;gap:16px}.upload-button{border:1px solid #e3e8df;background:white;color:#526d4e;border-radius:5px;height:29px;padding:0 9px;font:600 9px var(--font);cursor:pointer}.upload-button:hover{background:#f4f8f1}.file-count{font-size:10px;color:#888f85;text-align:center}.submit-button:disabled{opacity:.45;cursor:not-allowed}.empty-state{padding:20px;color:#959b92;font-size:11px;border-top:1px solid #f0f1ed}
.brand-mark span,.footer-star,h1 span{color:var(--green)}.chart .line,.chart .chart-dot{stroke:var(--green)}.live-dot{background:var(--green)}.modal input[type=color]{padding:3px;height:38px;cursor:pointer}
.storefront-link{margin-left:auto;margin-right:22px;color:#526d4e;text-decoration:none;font-size:10px;font-weight:600;white-space:nowrap}.storefront-link span{margin-left:4px;font-size:13px}@media(max-width:760px){.storefront-link{font-size:0;margin-right:12px}.storefront-link span{font-size:14px}}
.brand-mark{border:0;background:#050706;border-radius:50%;overflow:hidden}.brand-mark img,.shop-mark img{width:100%;height:100%;display:block;object-fit:cover}.shop-mark{width:38px;height:38px;border:0;background:#050706;border-radius:50%;overflow:hidden;padding:0}.footer-brand .shop-mark{width:28px;height:28px}
.sale-status.paid{background:#edf5e9;color:#527a4c}

.chart.no-data svg,.chart.no-data .x-labels,.chart.no-data .grid-lines,.chart.no-data .y-labels{display:none}.chart.no-data{min-height:185px;display:grid;place-items:center}.chart.no-data:after{content:'Revenue trend will appear after the first paid order';color:#858a82;font-size:11px}.legend .empty-state{border:0;text-align:center;font-size:10px}
.status-toggle{font-family:var(--font);font-size:9px;cursor:pointer}.status-toggle:hover{filter:brightness(.96);outline:1px solid currentColor}.sale-status.awaiting-payment{background:#fff5df;color:#94702e}.sale-status.paid{background:#edf5e9;color:#57824f}
.status-toggle{border:0;padding:5px 8px}
.donut{background:conic-gradient(#e9ece6 0 100%)}
.modal{max-height:calc(100vh - 40px);overflow-y:auto}.photographer-admin{margin-top:10px}.photographer-admin h3{font:700 14px var(--display);margin:16px 0 4px}.admin-divider{height:1px;background:var(--line);margin:18px 0}.assignment-title{font-size:10px;font-weight:700;color:#60675d}.assignment-list{display:grid;gap:4px;max-height:120px;overflow:auto;padding:8px;border:1px solid #e8ebe5;border-radius:6px}.assignment-option{display:flex!important;align-items:center;gap:8px;padding:5px 2px;font-size:11px!important;font-weight:500!important}.assignment-option input{accent-color:var(--green-dark)}.photographer-entry{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.photographer-entry-head{display:flex;justify-content:space-between;align-items:center}.photographer-entry-head>div{display:grid;gap:3px}.photographer-entry-head b{font-size:12px}.photographer-entry-head small{font-size:10px;color:var(--muted)}.photographer-entry .assignment-list{margin-top:7px}.assignment-save{border:0;background:none;cursor:pointer;padding:7px 0;text-align:left;font:600 10px var(--font)}.photographer-entry [data-remove-photographer]{font-size:20px}
.photographer-mode .metric-grid{grid-template-columns:minmax(220px,360px)}
.event-cover-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #e8ebe4;border-radius:8px;padding:12px;margin:14px 0 18px;background:#fafbf9}.cover-picker-copy{display:grid;gap:5px;flex:1;min-width:170px}.cover-picker-copy b{font-size:11px}.cover-picker-copy b span{font-weight:400;color:#8b9188;margin-left:5px}.cover-picker-copy small{font-size:10px;color:#858b82}.cover-select,.cover-remove{cursor:pointer;border:1px solid #dfe4db;border-radius:5px;padding:8px 11px;background:#fff;color:#344532;font-size:10px;font-weight:600}.cover-select:hover,.cover-remove:hover{background:#f0f5ec}.event-cover-picker img{width:100%;height:150px;object-fit:cover;border-radius:6px;order:3}.event-cover-picker img[hidden],.cover-remove[hidden]{display:none}