:root{--navy: #1E293B;--blue: #3B82F6;--blue-dark: #2563EB;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-400: #94A3B8;--gray-500: #64748B;--gray-600: #475569;--gray-700: #334155;--gray-800: #1E293B;--gray-900: #0F172A;--green: #10B981;--red: #EF4444;--purple: #8B5CF6;--radius: 12px;--radius-sm: 8px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-50);color:var(--gray-900);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.hidden{display:none}.page{display:flex;flex-direction:column;height:100%;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.page-header{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#080d21;border-bottom:none;min-height:56px;flex-shrink:0}.header-logo-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;object-fit:contain}.page-header h1{font-size:17px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.page-header .btn-icon{color:#ffffffb3}.page-header .btn-icon:active{background:#ffffff1a}.header-logo{width:28px;height:28px;object-fit:contain}.header-logo-lg{width:36px;height:36px;object-fit:contain}.avatar-btn{width:32px;height:32px;border-radius:50%;background:var(--blue);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}.avatar-btn:active{opacity:.8}.avatar-initials{font-size:12px;font-weight:700;color:#fff;line-height:1;letter-spacing:.5px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:500;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background:#fff;z-index:600;transform:translate(-100%);transition:transform .25s ease;display:flex;flex-direction:column;padding-top:var(--safe-top)}.drawer-open{transform:translate(0)}.drawer-header{padding:28px 20px 20px;background:#080d21}.drawer-avatar{width:48px;height:48px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.avatar-initials-lg{font-size:18px;font-weight:700;color:#fff;line-height:1;letter-spacing:.5px}.drawer-name{font-size:16px;font-weight:600;color:#fff}.drawer-email{font-size:13px;color:#ffffff8c;margin-top:2px}.drawer-body{flex:1;padding:8px 0}.drawer-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;background:none;border:none;font-size:15px;font-weight:500;color:var(--gray-700);cursor:pointer;text-align:left}.drawer-item:active{background:var(--gray-100)}.header-center{flex:1;min-width:0;text-align:center}.header-subtitle{font-size:12px;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius);font-size:16px;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:active{background:var(--blue-dark)}.btn-primary:disabled{opacity:.5;pointer-events:none}.btn-primary.btn-sm{padding:10px 16px;font-size:14px;width:auto}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:14px 20px;background:#fff;color:var(--gray-700);border:1px solid var(--gray-300);border-radius:var(--radius);font-size:16px;font-weight:500;cursor:pointer}.btn-secondary:active{background:var(--gray-100)}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--gray-600);border-radius:50%;cursor:pointer;flex-shrink:0}.btn-icon:active{background:var(--gray-100)}.login-page-dark{display:flex;flex-direction:column;min-height:100%;background:#080d21}.login-hero{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:80px 24px 40px}.login-hero-full-logo{height:72px;object-fit:contain;margin-bottom:12px}.login-hero-sub{font-size:15px;color:#ffffff73;margin-top:8px}.login-form-wrap{flex:1;padding:32px 24px}.login-label{display:block;font-size:13px;font-weight:600;color:#ffffff80;margin-bottom:6px;margin-top:18px}.login-label:first-of-type{margin-top:0}.login-input{display:block;width:100%;padding:13px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);font-size:16px;color:#fff;outline:none;transition:border-color .15s}.login-input:focus{border-color:#ef5b6c}.login-input::placeholder{color:#ffffff4d}.login-forgot{display:block;text-align:right;font-size:14px;color:#ffffff80;text-decoration:none;margin-top:12px}.login-forgot:active{color:#ef5b6c}.login-submit{display:flex;align-items:center;justify-content:center;width:100%;padding:15px 20px;margin-top:28px;background:#ef5b6c;color:#fff;border:none;border-radius:100px;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s;min-height:52px}.login-submit:active{background:#d94a5b}.login-submit:disabled{opacity:.6;pointer-events:none}.login-error-dark{background:#ef44441f;color:#fca5a5;padding:10px 14px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:16px;border:1px solid rgba(239,68,68,.2)}.field-label{display:block;font-size:13px;font-weight:600;color:var(--gray-600);margin-bottom:6px;margin-top:16px}.field-input{display:block;width:100%;padding:12px 14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:16px;color:var(--gray-900);outline:none;transition:border-color .15s}.field-input:focus{border-color:#ef5b6c}.field-textarea{display:block;width:100%;padding:12px 14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:15px;color:var(--gray-900);outline:none;resize:vertical;font-family:inherit;transition:border-color .15s}.field-textarea:focus{border-color:#ef5b6c}.search-bar{overflow:hidden;max-height:0;transition:max-height .25s ease;flex-shrink:0;background:#080d21}.search-bar-open{max-height:56px}.search-bar-inner{position:relative;padding:0 16px 12px}.search-bar-icon{position:absolute;left:28px;top:10px;color:var(--gray-400);pointer-events:none}.search-bar-input{display:block;width:100%;padding:10px 36px 10px 38px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);font-size:15px;color:#fff;outline:none;transition:border-color .15s}.search-bar-input::placeholder{color:#fff6}.search-bar-input:focus{border-color:#ef5b6c}.search-bar-clear{position:absolute;right:22px;top:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#ffffff80;cursor:pointer;border-radius:50%}.search-bar-clear:active{background:#ffffff1a}.status-filter-bar{display:flex;gap:6px;padding:10px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid var(--gray-200);flex-shrink:0}.status-filter-bar::-webkit-scrollbar{display:none}.status-filter-tab{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:999px;border:1.5px solid var(--gray-200);background:#fff;font-size:13px;font-weight:500;color:var(--gray-500);white-space:nowrap;cursor:pointer;transition:all .15s;flex-shrink:0}.status-filter-tab:active{transform:scale(.96)}.status-filter-tab-active{background:var(--gray-900);border-color:var(--gray-900);color:#fff}.status-filter-count{font-size:11px;font-weight:600;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--gray-100);color:var(--gray-600);padding:0 5px}.status-filter-tab-active .status-filter-count{background:#fff3;color:#fff}.project-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px;display:flex;flex-direction:column;gap:20px;background:var(--gray-200)}.project-list-title{font-size:15px;font-weight:600;color:var(--gray-500);padding:10px 0 4px;display:flex;align-items:center;gap:6px;flex-shrink:0}.project-card-map{display:block;width:100%;text-align:left;background:#fff;border:none;border-radius:var(--radius);overflow:hidden;cursor:pointer;box-shadow:0 1px 3px #00000014,0 2px 8px #0000000a;transition:box-shadow .15s;flex-shrink:0}.project-card-map:active{box-shadow:0 0 0 2px var(--blue)}.project-card-map-img{position:relative;width:100%;aspect-ratio:8 / 3;background:var(--gray-300);overflow:hidden}.project-card-map-img:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#3b82f659;mix-blend-mode:color;pointer-events:none;z-index:2}.project-card-map-img:after{content:"";position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(to top,rgba(30,41,59,.5),transparent);pointer-events:none;z-index:3}.project-card-map-img img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%)}.project-card-map-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--gray-400);background:var(--gray-100)}.project-card-distance{position:absolute;top:8px;left:8px;font-size:11px;font-weight:700;padding:3px 8px;background:#0009;color:#fff;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card-status{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;z-index:4}.project-card-info{padding:12px 14px}.project-name{font-size:15px;font-weight:600;color:var(--gray-900);line-height:1.3}.project-address{font-size:12px;color:var(--gray-500);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-types{display:flex;flex-wrap:wrap;gap:4px}.type-pill{font-size:11px;font-weight:500;padding:2px 8px;background:var(--gray-100);color:var(--gray-600);border-radius:100px;text-transform:capitalize}.project-date{display:block;font-size:11px;color:var(--gray-400);margin-top:6px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.badge-green{background:#d1fae5;color:#065f46}.badge-red{background:#fee2e2;color:#991b1b}.badge-purple{background:#ede9fe;color:#5b21b6}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:#fff9}.status-draft{background:#d447fb;color:#fff}.status-submitted{background:#8b47fb;color:#fff}.status-approved{background:#0074f4;color:#fff}.status-rejected{background:#ff677b;color:#fff}.badge-dark{background:#00000080;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tab-bar{display:flex;background:#080d21;border-bottom:none;flex-shrink:0}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 12px;font-size:16px;font-weight:600;color:#ffffff80;background:none;border:none;border-bottom:6px solid transparent;cursor:pointer;transition:color .15s,border-color .15s}.tab-btn-active{color:#fff;border-bottom-color:#ef5b6c}.tab-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;background:var(--gray-200)}.fab{position:fixed;bottom:calc(28px + var(--safe-bottom));right:20px;width:64px;height:64px;border-radius:50%;background:#ef5b6c;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px #f06b5a80,0 6px 20px #f06b5a4d;z-index:100}.fab:active{transform:scale(.92)}.fab:disabled{opacity:.5}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;overflow:visible}.photo-thumb{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:visible;border:none;padding:0;cursor:pointer;background:var(--gray-200);transition:transform .2s ease}.photo-thumb-pressed{transform:scale(.9)}.photo-thumb-img-clip{width:100%;height:100%;border-radius:var(--radius-sm);overflow:hidden}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-thumb-cat{position:absolute;bottom:4px;left:4px;font-size:10px;font-weight:600;padding:2px 6px;background:#0000008c;color:#fff;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:capitalize}.photo-review{display:flex;flex-direction:column;flex:1;overflow-y:auto}.photo-review-img-wrap{width:100%;max-height:40vh;overflow:hidden;background:var(--gray-900);display:flex;align-items:center;justify-content:center}.photo-review-img{width:100%;height:100%;object-fit:contain}.photo-review-form{flex:1;padding:16px}.photo-review-actions{display:flex;gap:12px;margin-top:20px}.photo-review-actions .btn-primary{flex:2}.cat-dropdown-wrap{position:relative;margin-top:4px}.cat-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:15px;font-weight:500;color:var(--gray-800);cursor:pointer;transition:border-color .15s}.cat-dropdown-trigger:active,.cat-dropdown-trigger-open{border-color:var(--blue)}.cat-dropdown-trigger svg{color:var(--gray-400);flex-shrink:0;transition:transform .2s}.cat-dropdown-trigger-open svg{transform:rotate(180deg)}.cat-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:0 4px 16px #0000001f,0 1px 4px #0000000f;z-index:300;overflow:hidden;animation:dropdown-in .15s ease}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cat-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 14px;background:none;border:none;border-bottom:1px solid var(--gray-100);font-size:15px;font-weight:500;color:var(--gray-700);cursor:pointer;text-align:left}.cat-dropdown-item:last-child{border-bottom:none}.cat-dropdown-item:active{background:var(--gray-50)}.cat-dropdown-item-active{color:var(--blue);font-weight:600}.cat-dropdown-item-active svg{color:var(--blue)}.note-compose{position:relative;margin-bottom:16px}.note-compose-textarea{display:block;width:100%;min-height:120px;padding:14px 14px 52px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:15px;color:var(--gray-900);outline:none;resize:none;font-family:inherit;line-height:1.5;transition:border-color .15s}.note-compose-textarea:focus{border-color:#ef5b6c}.note-compose-textarea::placeholder{color:var(--gray-400)}.note-compose-btn{position:absolute;bottom:10px;right:10px;padding:7px 16px;background:#ef5b6c;color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.note-compose-btn:active{background:#d94a5b}.note-compose-btn:disabled{opacity:.4;pointer-events:none}.note-mic-btn{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:none;background:var(--gray-200);color:var(--gray-500);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.note-mic-btn-active{background:#ef5b6c;color:#fff;animation:mic-pulse 1s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #ef5b6c66}50%{box-shadow:0 0 0 8px #ef5b6c00}}.notes-list{display:flex;flex-direction:column;gap:10px}.note-card{position:relative;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:14px}.note-delete-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:none;padding:0;color:var(--gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center}.note-delete-btn:active{color:#ef5b6c}.note-photo{width:100%;max-height:200px;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:10px}.note-text{font-size:14px;line-height:1.5;color:var(--gray-800);white-space:pre-wrap}.note-date{display:block;font-size:12px;color:var(--gray-400);margin-top:8px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;padding-top:calc(16px + var(--safe-top));padding-bottom:calc(16px + var(--safe-bottom))}.lightbox-close{position:absolute;top:calc(12px + var(--safe-top));right:12px;background:#ffffff26;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.lightbox-img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-sm)}.lightbox-info{display:flex;align-items:center;gap:10px;margin-top:12px;color:#ffffffb3;font-size:13px}.detail-section{background:#fff;border-radius:var(--radius);padding:16px;margin-bottom:12px}.detail-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);margin-bottom:14px}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--gray-100)}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row:first-of-type{padding-top:0}.detail-label{font-size:13px;color:var(--gray-400);flex-shrink:0;min-width:70px}.detail-value{font-size:14px;color:var(--gray-800);text-align:right;line-height:1.4}.detail-link{color:var(--blue);text-decoration:none;font-weight:500}.detail-link:active{opacity:.7}.photo-detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--gray-200);display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.25,.1,.25,1);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.photo-detail-visible{transform:translate(0)}.photo-detail-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.photo-detail-img-wrap{width:100%;max-height:45vh;background:var(--gray-900);display:flex;align-items:center;justify-content:center;overflow:hidden}.photo-detail-img{width:100%;height:100%;object-fit:contain}.photo-detail-form{padding:16px}.photo-detail-date{font-size:13px;color:var(--gray-400);margin-top:16px}.photo-detail-footer{flex-shrink:0;padding:12px 16px calc(12px + var(--safe-bottom))}.btn-salmon{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;background:#ef5b6c;color:#fff;border:none;border-radius:var(--radius);font-size:16px;font-weight:600;cursor:pointer;transition:background .15s}.btn-salmon:active{background:#d94a5b}.btn-salmon:disabled{opacity:.5;pointer-events:none}.photo-thumb-delete{position:absolute;top:-4px;right:-4px;width:26px;height:26px;border-radius:50%;background:var(--red);border:2px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;animation:pop-in .15s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-in{0%{transform:scale(0)}to{transform:scale(1)}}.long-press-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:transparent}.loading-state{display:flex;align-items:center;justify-content:center;flex:1;padding:48px}.spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;align-items:center;justify-content:center;flex:1;padding:48px}.empty-state p{font-size:15px;color:var(--gray-400);text-align:center}.toast{position:fixed;bottom:calc(24px + var(--safe-bottom));left:50%;transform:translate(-50%);background:var(--gray-800);color:#fff;padding:10px 20px;border-radius:100px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #0003;z-index:2000;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mpin-wrap{position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden}.mpin-map{flex:1;min-height:0}.mpin-hint{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#000000a6;color:#fff;padding:8px 16px;border-radius:100px;font-size:13px;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:10;white-space:nowrap}.mpin-count{position:absolute;top:12px;right:12px;background:#000000a6;color:#fff;padding:5px 12px;border-radius:100px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.mpin-sheet{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:18px 18px 0 0;padding:12px 20px calc(20px + var(--safe-bottom));box-shadow:0 -4px 24px #00000026;z-index:20;animation:mpin-sheet-up .25s ease}@keyframes mpin-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mpin-sheet-handle{width:36px;height:4px;background:var(--gray-300);border-radius:2px;margin:0 auto 14px}.mpin-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mpin-sheet-title{font-size:17px;font-weight:600;color:var(--gray-900);margin-bottom:12px}.mpin-sheet-header .mpin-sheet-title{margin-bottom:0}.mpin-input{display:block;width:100%;padding:11px 14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:15px;color:var(--gray-900);outline:none;margin-bottom:10px;font-family:inherit;transition:border-color .15s}.mpin-input:focus{border-color:#ef5b6c}.mpin-textarea{display:block;width:100%;padding:11px 14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:15px;color:var(--gray-900);outline:none;resize:none;font-family:inherit;margin-bottom:8px;transition:border-color .15s}.mpin-textarea:focus{border-color:#ef5b6c}.mpin-sheet-coords{font-size:12px;color:var(--gray-400);font-family:ui-monospace,SFMono-Regular,monospace;margin-bottom:14px}.mpin-sheet-actions{display:flex;gap:10px}.mpin-btn-cancel{flex:1;padding:12px;background:var(--gray-100);color:var(--gray-600);border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer}.mpin-btn-cancel:active{background:var(--gray-200)}.mpin-btn-save{flex:2;padding:12px;background:#ef5b6c;color:#fff;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer}.mpin-btn-save:active{background:#d94a5b}.mpin-btn-save:disabled{opacity:.5;pointer-events:none}.mpin-btn-delete{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--red);cursor:pointer;border-radius:50%;flex-shrink:0}.mpin-btn-delete:active{background:#fee2e2}.mpin-btn-close{display:block;width:100%;padding:12px;background:var(--gray-100);color:var(--gray-600);border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;margin-top:4px}.mpin-btn-close:active{background:var(--gray-200)}.mpin-sheet-photo{width:100%;max-height:200px;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:10px}.mpin-sheet-note{font-size:14px;line-height:1.5;color:var(--gray-700);margin-bottom:10px}.mpin-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff9;z-index:5}.mpin-empty{display:flex;align-items:center;justify-content:center;flex:1;font-size:14px;color:var(--gray-400);padding:32px}.mpin-marker{cursor:pointer}.mpin-marker-dot{width:24px;height:24px;background:#ef5b6c;border:3px solid white;border-radius:50%;box-shadow:0 2px 6px #0000004d}.mpin-marker-photo{width:36px;height:36px;border-radius:50%;border:3px solid white;box-shadow:0 2px 6px #0000004d;overflow:hidden}.mpin-marker-photo img{width:100%;height:100%;object-fit:cover}