@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#202219;font-synthesis:none;background:#f2f2ed;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#f2f2ed;min-width:320px;margin:0}button,input,textarea{font:inherit}.app-shell{min-height:100vh}.topbar{color:#fff;z-index:10;background:#191a16;border-bottom:1px solid #34352f;justify-content:space-between;align-items:center;height:76px;padding:0 30px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#1a1b16;background:#d9ff43;border-radius:11px;place-items:center;width:39px;height:39px;display:grid;transform:rotate(-4deg)}.brand b{letter-spacing:.12em;font:800 14px Manrope;display:block}.brand small{color:#989b90;font-size:11px}.top-meta{align-items:center;gap:20px;display:flex}.top-meta>span{color:#afb1a8;font-size:12px}.top-meta i{background:#bce92c;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.save-button{color:#1c1d18;cursor:pointer;background:#d9ff43;border:0;border-radius:9px;align-items:center;gap:7px;padding:11px 18px;font-weight:700;display:flex}.save-button.saved{background:#fff}main{grid-template-columns:355px 1fr;height:calc(100vh - 76px);display:grid}.catalog{background:#fafaf7;border-right:1px solid #dedfd8;flex-direction:column;min-height:0;display:flex}.catalog-head{padding:28px 24px 18px}.kicker,.section-heading span{text-transform:uppercase;letter-spacing:.14em;color:#7d8174;font-size:10px;font-weight:700}.catalog h1{margin:5px 0 1px;font:800 30px Manrope}.catalog-head p{color:#919389;margin:0;font-size:12px}.search{background:#fff;border:1px solid #dbdcd5;border-radius:10px;align-items:center;gap:9px;height:43px;margin:0 20px;padding:0 12px;display:flex;box-shadow:0 2px 5px #2221}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0}.search kbd{color:#999b91;border:1px solid #ddd;border-radius:4px;padding:2px 5px;font-size:10px}.filters{align-items:center;gap:6px;padding:14px 20px;display:flex}.filters svg{color:#898c81;margin-right:3px}.filters button{text-transform:capitalize;color:#6e7167;cursor:pointer;background:0 0;border:1px solid #dcddd6;border-radius:99px;padding:6px 10px;font-size:11px}.filters button.active{color:#fff;background:#20221b;border-color:#20221b}.product-count{text-transform:uppercase;letter-spacing:.08em;color:#999b90;justify-content:space-between;padding:4px 24px 10px;font-size:10px;display:flex}.product-list{padding:0 10px 20px;overflow:auto}.product-row{text-align:left;cursor:pointer;color:#22231e;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;padding:9px;display:flex}.product-row:hover{background:#f0f1ea}.product-row.selected{background:#e8e9e1}.thumb{color:#a1a499;background:#eceee7;border-radius:8px;flex:none;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.row-copy{flex:1;min-width:0}.row-copy b,.row-copy small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.row-copy b{font-size:12px}.row-copy small{color:#989a91;margin-top:4px;font-size:10px}.product-row>svg{color:#aaa}.workspace{scroll-behavior:smooth;padding:0 50px 60px;overflow:auto}.hero{border-bottom:1px solid #d7d8d0;justify-content:space-between;gap:40px;max-width:1000px;margin:0 auto;padding:48px 0 38px;display:flex}.breadcrumb{color:#929589;align-items:center;gap:5px;margin-bottom:14px;font-size:11px;display:flex}.hero h1{letter-spacing:-.045em;max-width:760px;margin:0;font:800 clamp(30px,4vw,48px)/1.06 Manrope}.hero p{color:#71746a;max-width:730px;margin:16px 0;font-size:13px;line-height:1.65}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags span{text-transform:capitalize;background:#e6e7df;border:1px solid #d7d8cf;border-radius:5px;padding:5px 8px;font-size:10px}.progress-ring{background:conic-gradient(#b9e635 var(--progress),#dedfd7 0);border-radius:50%;flex:0 0 78px;place-items:center;width:78px;height:78px;margin-top:20px;display:grid}.progress-ring:before{content:"";background:#f2f2ed;border-radius:50%;width:64px;height:64px;position:absolute}.progress-ring div{text-align:center;position:relative}.progress-ring b{font:800 16px Manrope;display:block}.progress-ring small{text-transform:uppercase;color:#878a7f;font-size:8px}.editor-section{border-bottom:1px solid #d7d8d0;max-width:1000px;margin:0 auto;padding:40px 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.section-heading h2{margin:5px 0 3px;font:750 21px Manrope}.section-heading p{color:#898c82;margin:0;font-size:12px}.upload-grid{grid-template-columns:1.4fr 1fr;gap:14px;display:grid}.dropzone{cursor:pointer;background:#f8f8f4;border:1.5px dashed #c9cbc1;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;height:220px;transition:all .2s;display:flex;position:relative;overflow:hidden}.dropzone:hover,.dropzone.dragging{background:#f5f8e9;border-color:#95b729}.dropzone input,.file-drop input{display:none}.upload-icon{color:#76921f;background:#e9ecdf;border-radius:12px;place-items:center;width:45px;height:45px;margin-bottom:12px;display:grid}.dropzone strong{font-size:12px}.dropzone small{color:#96998e;margin-top:5px;font-size:10px}.browse{color:#617b13;border-bottom:1px solid;margin-top:12px;font-size:10px;font-weight:700}.dropzone.has-file img{object-fit:cover;width:100%;height:100%;position:absolute}.file-chip{color:#fff;white-space:nowrap;background:#20221be8;border-radius:7px;align-items:center;gap:5px;padding:8px 10px;font-size:9px;display:flex;position:absolute;bottom:10px;left:10px;right:10px;overflow:hidden}.add-button{color:#fff;cursor:pointer;background:#20221b;border:0;border-radius:8px;align-items:center;gap:6px;padding:9px 12px;font-size:11px;font-weight:700;display:flex}.repeater-list{gap:10px;display:grid}.empty{color:#86897e;cursor:pointer;background:0 0;border:1.5px dashed #c8cac0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:90px;display:flex}.empty b{color:#5f6258;margin:5px 0 2px;font-size:11px}.empty small{font-size:9px}.repeater{background:#f9f9f6;border:1px solid #dedfd7;border-radius:12px;grid-template-columns:32px 135px 1fr 34px;align-items:center;gap:12px;padding:11px;display:grid}.number{color:#9b9e93;font:700 10px Manrope}.dropzone.compact{border-radius:8px;height:94px}.dropzone.compact .upload-icon{width:30px;height:30px;margin:0 0 5px}.dropzone.compact .upload-icon svg{width:15px}.dropzone.compact strong{font-size:9px}.dropzone.compact small,.dropzone.compact .browse{display:none}.field label{text-transform:uppercase;letter-spacing:.08em;color:#82857a;margin-bottom:6px;font-size:9px;font-weight:700;display:block}.field textarea{resize:none;background:#fff;border:1px solid #d7d9d0;border-radius:8px;outline:0;width:100%;height:72px;padding:10px;font-size:11px}.field textarea:focus{border-color:#92b322}.delete{color:#a5a79f;cursor:pointer;background:0 0;border:0}.delete:hover{color:#c54e43}.file-drop{color:#fff;cursor:pointer;background:#20221b;border:1px dashed #575a50;border-radius:13px;justify-content:center;align-items:center;gap:14px;min-height:100px;display:flex}.file-drop>svg{color:#d9ff43}.file-drop b,.file-drop small{display:block}.file-drop b{font-size:12px}.file-drop small{color:#979a90;margin-top:4px;font-size:10px}.file-list{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;display:grid}.file-list>div{background:#fafaf7;border:1px solid #dcddd6;border-radius:9px;align-items:center;gap:9px;padding:10px;display:flex}.file-list>div>svg{color:#7e9c21}.file-list span{flex:1;min-width:0}.file-list b,.file-list small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.file-list b{font-size:10px}.file-list small{color:#999;font-size:8px}.file-list button{cursor:pointer;background:0 0;border:0}.footer-actions{justify-content:space-between;align-items:center;max-width:1000px;margin:24px auto;display:flex}.footer-actions span{color:#979a8f;font-size:10px}.mobile-back{display:none}@media (width<=800px){.topbar{height:64px;padding:0 15px}.top-meta>span{display:none}main{height:calc(100vh - 64px);display:block}.catalog,.workspace{height:100%}.catalog{border:0}.catalog.mobile-hidden,.workspace.mobile-hidden{display:none}.workspace{padding:0 18px 40px}.mobile-back{background:0 0;border:0;align-items:center;gap:6px;padding:18px 0 0;font-size:11px;display:flex}.hero{padding:26px 0 30px}.hero p{max-height:64px;overflow:hidden}.progress-ring{display:none}.upload-grid{grid-template-columns:1fr}.repeater{grid-template-columns:22px 85px 1fr 25px}.section-heading{align-items:center}.file-list{grid-template-columns:1fr}.footer-actions span,.brand small{display:none}}.new-equipment{text-align:left;color:#34362f;cursor:pointer;background:#f5f6ef;border:1px dashed #bdc0b5;border-radius:10px;align-items:center;gap:10px;width:calc(100% - 40px);margin:10px 20px 0;padding:9px 11px;display:flex}.new-equipment:hover{background:#f2f6e5;border-color:#89a823}.new-equipment>span{background:#d9ff43;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.new-equipment b,.new-equipment small{display:block}.new-equipment b{font-size:11px}.new-equipment small{color:#92958a;margin-top:2px;font-size:9px}.description-field textarea{height:130px;line-height:1.6}.detail-fields{grid-template-columns:1fr 1fr;gap:7px;display:grid}.detail-fields label{grid-column:1/-1;margin:0}.detail-fields input,.modal input{background:#fff;border:1px solid #d7d9d0;border-radius:8px;outline:0;width:100%;padding:10px;font-size:11px}.detail-fields input:focus,.modal input:focus{border-color:#92b322}.notice{border-radius:10px;align-items:center;gap:9px;max-width:1000px;margin:22px auto 0;padding:13px 15px;font-size:11px;display:flex}.notice.success{color:#48600c;background:#e8f5c8}.notice.error{color:#963d35;background:#f8e1df}.notice.saving{color:#666;background:#e8e9e1}.modal-backdrop{z-index:50;background:#11130dcc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fafaf7;border-radius:16px;width:min(480px,100%);padding:28px;position:relative;box-shadow:0 25px 70px #0008}.modal h2{margin:6px 0;font:800 27px Manrope}.modal>p{color:#85887e;margin:0 0 22px;font-size:11px;line-height:1.5}.modal label{text-transform:uppercase;letter-spacing:.08em;color:#74776d;margin-bottom:13px;font-size:9px;font-weight:700;display:block}.modal label input{text-transform:none;letter-spacing:normal;margin-top:6px;display:block}.modal-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-close{cursor:pointer;background:#eceee6;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:18px;right:18px}.modal .save-button{margin-top:8px}.save-button:disabled{opacity:.6;cursor:wait}@media (width<=600px){.detail-fields{grid-template-columns:1fr}.detail-fields label{grid-column:auto}.modal-grid{grid-template-columns:1fr}}.intro-fields{grid-template-columns:220px 1fr;align-items:start;gap:14px;display:grid}.field select,.modal select{background:#fff;border:1px solid #d7d9d0;border-radius:8px;outline:0;width:100%;margin-top:6px;padding:10px;font-size:11px}.field select:focus,.modal select:focus{border-color:#92b322}.modal label select{text-transform:none;letter-spacing:normal;display:block}.rich-editor{background:#fff;border:1px solid #d7d9d0;border-radius:10px;overflow:hidden}.rich-editor:focus-within{border-color:#92b322;box-shadow:0 0 0 3px #b7de3520}.editor-toolbar{background:#f7f8f3;border-bottom:1px solid #e1e2dc;align-items:center;gap:3px;min-height:42px;padding:5px 7px;display:flex}.editor-toolbar button{color:#62655b;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:31px;height:31px;display:grid}.editor-toolbar button:hover{color:#202219;background:#e5e8dc}.editor-toolbar select{color:#62655b;background:#fff;border:1px solid #d8dad1;border-radius:6px;margin-left:auto;padding:6px 8px;font-size:10px}.editor-content{color:#34362f;outline:0;min-height:170px;padding:16px;font-size:12px;line-height:1.7}.editor-content:empty:before{content:attr(data-placeholder);color:#a2a59a;pointer-events:none}.editor-content p{margin:0 0 12px}.editor-content h2,.editor-content h3{margin:14px 0 8px;font-family:Manrope}.editor-content ul,.editor-content ol{padding-left:22px}.editor-content a{color:#617b13}.editor-content blockquote{color:#686b61;border-left:3px solid #b4d936;margin:12px 0;padding-left:14px}.file-list a{color:#617b13;font-size:9px;font-weight:700;text-decoration:none}.footer-actions{gap:12px}.footer-actions>span{margin-left:auto}.danger-button{color:#a23830;cursor:pointer;background:#fff4f2;border:1px solid #d7a9a4;border-radius:9px;align-items:center;gap:6px;padding:10px 13px;font-size:10px;font-weight:700;display:flex}.danger-button:hover{color:#fff;background:#a23830}.danger-modal{border-top:5px solid #c9483e}.danger-icon{color:#b33a31;background:#fae3e0;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:12px;display:grid}.delete-warning{color:#78352f;background:#fff1ef;border:1px solid #efcbc7;border-radius:10px;margin:0 0 18px;padding:13px}.delete-warning b{font-size:11px}.delete-warning p{margin:5px 0 0;font-size:10px;line-height:1.55}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.cancel-button,.confirm-delete{cursor:pointer;border:0;border-radius:9px;padding:11px 14px;font-size:10px;font-weight:700}.cancel-button{color:#4f514a;background:#e8e9e2}.confirm-delete{color:#fff;background:#b83e35;align-items:center;gap:6px;display:flex}.confirm-delete:disabled{opacity:.4;cursor:not-allowed}.delete-error{color:#963d35;background:#fae3e0;border-radius:8px;align-items:center;gap:6px;padding:9px;font-size:10px;display:flex}@media (width<=600px){.intro-fields{grid-template-columns:1fr}}.dropzone.paste-enabled{outline:0}.dropzone.paste-enabled:focus,.dropzone.paste-active{border-color:#92b322;box-shadow:0 0 0 3px #b7de3525}.paste-hint{color:#686b61;align-items:center;gap:4px;margin-top:9px;font-size:9px;display:flex}.paste-hint kbd{color:#fff;background:#24261f;border-radius:4px;padding:2px 5px;font:700 8px DM Sans}.dropzone.paste-enabled .browse{margin-top:8px}.auth-loading{color:#777b70;justify-content:center;align-items:center;gap:10px;min-height:100vh;font-size:12px;display:flex}.login-page{background:#191a16;place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fafaf7;border-radius:18px;width:min(420px,100%);padding:34px;box-shadow:0 30px 80px #0008}.login-card .brand-mark{margin-bottom:22px}.login-card h1{margin:6px 0;font:800 32px Manrope}.login-card>p{color:#85887e;margin:0 0 24px;font-size:11px}.login-card label{text-transform:uppercase;letter-spacing:.08em;color:#74776d;margin:0 0 14px;font-size:9px;font-weight:700;display:block}.login-card input{background:#fff;border:1px solid #d7d9d0;border-radius:8px;outline:0;width:100%;margin-top:6px;padding:12px;font-size:12px;display:block}.login-card input:focus{border-color:#9cbd31}.login-card .save-button{justify-content:center;width:100%;margin-top:8px}.login-error{color:#963d35;background:#fae3e0;border-radius:8px;align-items:center;gap:7px;padding:10px;font-size:10px;display:flex}.manager-nav{color:#f4f4ef;cursor:pointer;background:#292a25;border:1px solid #4a4c44;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:700;display:flex}.manager-nav:hover,.manager-nav.active{color:#d9ff43;border-color:#d9ff43}.user-pill{color:#aeb0a7!important;font-size:10px!important}.logout{color:#aaa;cursor:pointer;background:#2c2d28;border:0;border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.photoshoot-layout{grid-template-columns:355px 1fr}.shoot-list{margin-top:18px}.shoot-workspace{padding-bottom:80px}.shoot-hero{border-bottom:1px solid #d7d8d0;max-width:1050px;margin:0 auto;padding:46px 0 32px}.shoot-hero h1{letter-spacing:-.04em;margin:6px 0;font:800 clamp(32px,4vw,48px) Manrope}.shoot-hero p{color:#7e8177;margin:0;font-size:12px}.shoot-section{background:#fafaf7;border:1px solid #dbdcd5;border-radius:15px;max-width:1050px;margin:22px auto;overflow:hidden}.shoot-section.completed{border-color:#a9c94b}.shoot-title{background:#f2f3ed;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;height:55px;padding:0 17px;display:flex}.shoot-title>div{align-items:center;gap:9px;display:flex}.status-dot{background:#c7c9c0;border-radius:50%;width:8px;height:8px}.completed .status-dot{background:#9ac21d}.shoot-title input{color:#292b25;background:0 0;border:0;outline:0;font:750 15px Manrope}.shoot-title input:not(:disabled){border-bottom:1px dashed #aaa}.shoot-columns{grid-template-columns:1fr 1fr;display:grid}.direction-panel,.photographer-panel{min-width:0;padding:20px}.direction-panel{border-right:1px solid #e0e1da}.panel-label{text-transform:uppercase;letter-spacing:.1em;color:#85887d;margin-bottom:10px;font-size:9px;font-weight:700;display:block}.instructions-read{background:#fff;border:1px solid #e0e1d9;border-radius:9px;min-height:100px;padding:13px;font-size:11px;line-height:1.6}.mini-drop,.photo-drop{color:#74776c;cursor:pointer;border:1px dashed #c5c8bc;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:58px;margin-top:12px;display:flex}.mini-drop input,.photo-drop input{display:none}.mini-drop b,.photo-drop b{font-size:10px}.photo-drop{color:#fff;background:#20221b;flex-direction:column;gap:4px;min-height:105px}.photo-drop svg{color:#d9ff43}.photo-drop small{color:#96998e;font-size:8px}.photo-grid-wrap{margin-top:14px}.photo-grid-wrap>span{text-transform:uppercase;letter-spacing:.07em;color:#85887d;font-size:9px;font-weight:700}.photo-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:7px;display:grid}.photo-thumb{aspect-ratio:1;background:#ddd;border:2px solid #0000;border-radius:7px;position:relative;overflow:hidden}.photo-thumb.approved{border-color:#9bbd2f}.photo-thumb>button{cursor:zoom-in;border:0;width:100%;height:100%;padding:0}.photo-thumb img{object-fit:cover;width:100%;height:100%}.photo-thumb>label{cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:5px;right:5px;box-shadow:0 2px 8px #0005}.photo-thumb>label input{display:none}.photo-thumb>label svg{opacity:.2}.photo-thumb.approved>label{background:#d9ff43}.photo-thumb.approved>label svg{opacity:1}.complete-task{color:#20221b;cursor:pointer;background:#d9ff43;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:15px;padding:11px;font-size:10px;font-weight:800;display:flex}.complete-task.done{color:#637028;background:#e2e6d7}.complete-badge{color:#66800f;background:#edf5d4;border-radius:8px;align-items:center;gap:6px;margin-top:14px;padding:9px;font-size:9px;font-weight:700;display:flex}.shoot-group-head{justify-content:space-between;align-items:end;max-width:1050px;margin:38px auto 8px;display:flex}.shoot-group-head h2{margin:5px 0 0;font:750 20px Manrope}.lightbox{z-index:100;background:#0d0e0bef;justify-content:center;align-items:center;padding:60px;display:flex;position:fixed;inset:0}.lightbox-content{flex-direction:column;gap:12px;max-width:min(1100px,80vw);max-height:85vh;display:flex}.lightbox-content img{object-fit:contain;max-width:100%;max-height:75vh}.lightbox-content>div{color:#fff;align-items:center;gap:12px;display:flex}.lightbox-content span{color:#999;font-size:10px}.approve-choice{color:#20221b;background:#d9ff43;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:8px 11px;font-size:10px;font-weight:700;display:flex}.lightbox-close,.lightbox-prev,.lightbox-next{color:#fff;cursor:pointer;background:#ffffff18;border:0;position:absolute}.lightbox-close{border-radius:50%;width:42px;height:42px;top:24px;right:24px}.lightbox-prev,.lightbox-next{width:50px;height:70px;font-size:42px;top:50%}.lightbox-prev{left:20px}.lightbox-next{right:20px}@media (width<=900px){.user-pill{display:none}.manager-nav{font-size:0}.manager-nav svg{margin:0}.shoot-columns{grid-template-columns:1fr}.direction-panel{border-bottom:1px solid #e0e1da;border-right:0}.photo-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.photoshoot-layout{display:block}.photoshoot-layout .catalog{display:none}.shoot-workspace{height:calc(100vh - 64px);padding:0 16px 50px}.lightbox{padding:50px 15px}.lightbox-prev,.lightbox-next{display:none}}.floating-save{z-index:20;color:#202219;letter-spacing:.05em;cursor:pointer;background:#d9ff43;border:0;border-radius:12px;align-items:center;gap:7px;padding:14px 22px;font:800 11px Manrope;display:flex;position:fixed;bottom:28px;right:34px;box-shadow:0 12px 35px #25271945}.floating-save:hover{transform:translateY(-2px)}.floating-save.saving{opacity:.65;cursor:wait}.floating-save.saved{color:#d9ff43;background:#202219}@media (width<=800px){.floating-save{bottom:18px;right:18px}}.mini-drop.dragging,.photo-drop.dragging{color:#34420f;background:#f2f7df;border-color:#a7ca35}.photo-drop.dragging{color:#d9ff43;background:#292d20}.mini-drop.disabled,.photo-drop.disabled{cursor:default;opacity:.75}.upload-feedback{border-radius:7px;align-items:center;gap:7px;margin-top:8px;padding:8px 10px;font-size:9px;display:flex}.upload-feedback.uploading{color:#666;background:#e9ebdf}.upload-feedback.success{color:#58700d;background:#e7f3c8}.upload-feedback.error{color:#963d35;background:#fae3e0}.paste-shoot{outline:0}.paste-shoot:focus{border-color:#a7ca35;box-shadow:0 0 0 3px #b7de3525}.shoot-paste-hint{color:#898c82;align-items:center;gap:4px;font-size:8px;display:flex}.photo-drop .shoot-paste-hint{color:#b7baaf}.shoot-paste-hint kbd{color:#fff;background:#33352e;border-radius:4px;padding:2px 4px;font:700 7px DM Sans}.photo-thumb>.photo-remove,.photo-thumb>.photo-locked{z-index:3;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;bottom:5px;right:5px}.photo-thumb>.photo-remove{color:#fff;cursor:pointer;background:#a63c34;border:0;padding:0}.photo-thumb>.photo-remove:hover{background:#d54c40}.photo-thumb>.photo-locked{color:#d9ff43;background:#24261fd9}.photo-thumb.approved .photo-remove{right:5px}.notification-center{position:relative}.notification-bell{color:#d7d8d2;cursor:pointer;background:#292a25;border:1px solid #474941;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;position:relative}.notification-bell>span{color:#fff;background:#df493d;border:2px solid #191a16;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 3px;font:800 8px DM Sans;display:grid;position:absolute;top:-6px;right:-5px}.notification-panel{color:#24261f;z-index:80;background:#fafaf7;border:1px solid #d9dad3;border-radius:14px;width:370px;max-height:520px;position:absolute;top:46px;right:0;overflow:hidden;box-shadow:0 22px 60px #0007}.notification-head{border-bottom:1px solid #dedfd7;justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.notification-head b,.notification-head small{display:block}.notification-head b{font:750 13px Manrope}.notification-head small{color:#898c81;margin-top:3px;font-size:9px}.notification-head button{cursor:pointer;background:0 0;border:0}.notification-list{max-height:450px;padding:6px;overflow:auto}.notification-list>button{text-align:left;cursor:pointer;color:#292b25;background:0 0;border:0;border-radius:9px;grid-template-columns:1fr auto;gap:3px 8px;width:100%;padding:11px 12px;display:grid;position:relative}.notification-list>button:hover{background:#eceee6}.notification-list>button.unread{background:#f1f6df}.notification-list>button.unread:before{content:"";background:#d34a3e;border-radius:50%;width:5px;height:5px;position:absolute;top:17px;left:4px}.notification-product{text-transform:uppercase;letter-spacing:.07em;color:#72851f;grid-column:1/-1;font-size:9px;font-weight:800}.notification-list b{font-size:11px}.notification-list small{color:#777a70;font-size:9px}.notification-list time{color:#9a9d92;grid-area:2/2/4;align-self:center;font-size:8px}.notification-empty{text-align:center;color:#8c8f84;flex-direction:column;align-items:center;padding:35px;display:flex}.notification-empty b{margin-top:7px;font-size:11px}.notification-empty small{margin-top:3px;font-size:9px}@media (width<=600px){.notification-panel{width:auto;position:fixed;top:70px;left:10px;right:10px}}.notifications-page{background:#f2f2ed;height:calc(100vh - 76px);display:block;overflow:auto}.notifications-container{width:min(1050px,100% - 40px);margin:0 auto;padding:48px 0 80px}.notifications-hero h1{letter-spacing:-.04em;margin:7px 0;font:800 44px Manrope}.notifications-hero>p{color:#7e8177;margin:0;font-size:12px}.notification-stats{gap:10px;margin-top:22px;display:flex}.notification-stats span{color:#777a70;background:#fafaf7;border:1px solid #dedfd7;border-radius:10px;padding:11px 15px;font-size:10px}.notification-stats b{color:#252720;margin-right:5px;font:800 17px Manrope}.notification-search{background:#fff;border:1px solid #d9dad3;border-radius:11px;align-items:center;gap:9px;height:48px;margin:28px 0 14px;padding:0 14px;display:flex}.notification-search input{border:0;outline:0;flex:1}.notifications-table{background:#fafaf7;border:1px solid #d9dad3;border-radius:13px;overflow:hidden}.notifications-columns,.notifications-table>button{grid-template-columns:minmax(240px,1fr) 150px 180px 24px;align-items:center;gap:16px;display:grid}.notifications-columns{text-transform:uppercase;letter-spacing:.08em;color:#85887d;background:#ebece5;padding:11px 16px;font-size:8px;font-weight:800}.notifications-table>button{text-align:left;cursor:pointer;color:#292b25;background:#fafaf7;border:0;border-top:1px solid #e2e3dc;width:100%;padding:15px 16px}.notifications-table>button:hover{background:#f0f2e8}.notifications-table>button.unread{background:#f3f8e4;border-left:4px solid #b3d634;padding-left:12px}.notifications-table>button>div{grid-template-columns:auto 1fr;gap:2px 7px;display:grid}.notifications-table>button b{font-size:12px}.notifications-table>button small{color:#72756b;grid-column:2;font-size:10px}.notifications-table>button>span,.notifications-table time{color:#66695f;font-size:10px}.new-label{color:#b13d34;text-transform:uppercase;background:#f8dfdc;border-radius:4px;align-self:center;padding:2px 5px;font-size:7px;font-weight:900}.notifications-table>button.read .new-label:empty{display:none}.notifications-loading,.notifications-empty{text-align:center;color:#898c81;padding:50px;font-size:11px}.notifications-empty{flex-direction:column;align-items:center;display:flex}.notifications-empty b{margin-top:8px}.notifications-empty small{margin-top:3px}.pagination{justify-content:center;align-items:center;gap:15px;margin-top:18px;display:flex}.pagination button{cursor:pointer;background:#fafaf7;border:1px solid #d3d5cb;border-radius:8px;padding:8px 12px;font-size:10px}.pagination button:disabled{opacity:.4}.pagination span{color:#7f8278;font-size:9px}@media (width<=700px){.notifications-columns{display:none}.notifications-table>button{grid-template-columns:1fr 18px}.notifications-table>button>span,.notifications-table time{grid-column:1;margin-left:35px}.notifications-table>button>svg{grid-area:1/2/4}.notifications-container{width:calc(100% - 24px);padding-top:28px}}