*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green-dark: #1b4332;--green-main: #2d6a4f;--green-mid: #40916c;--green-light: #74c69d;--green-pale: #d8f3dc;--green-bg: #f0f7f1;--text-main: #1a2e22;--text-sub: #5a7060;--text-muted: #8da899;--white: #ffffff;--danger: #d62828;--warn: #e07b00;--radius: 12px;--radius-sm: 8px;--shadow: 0 2px 12px rgba(0,0,0,.1);--nav-height: 60px}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;font-size:16px;background:var(--green-bg);color:var(--text-main);-webkit-tap-highlight-color:transparent}.screen{display:flex;flex-direction:column;min-height:100dvh;padding-bottom:var(--nav-height)}.screen-body{flex:1;overflow-y:auto;padding:16px}.app-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--green-main);color:var(--white);position:sticky;top:0;z-index:10}.header-logo{font-size:1.4rem}.header-title{flex:1;font-size:1rem;font-weight:700}.header-user,.header-count{font-size:.8rem;opacity:.85}.header-back{background:none;border:none;color:var(--white);font-size:.95rem;padding:4px 0;cursor:pointer}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:var(--white);border-top:1px solid #e0ebe2;display:flex;box-shadow:0 -2px 8px #00000012;z-index:100}.nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;background:none;border:none;font-size:.85rem;color:var(--green-main);cursor:pointer;position:relative;font-weight:600}.nav-btn:active{background:var(--green-pale)}.nav-logout{color:var(--text-sub);font-weight:400}.nav-badge{position:absolute;top:8px;right:calc(50% - 28px);background:var(--danger);color:#fff;font-size:.7rem;font-weight:700;border-radius:10px;padding:1px 5px;min-width:18px;text-align:center}.login-screen{justify-content:center;padding:40px 24px 24px;min-height:100dvh;background:linear-gradient(160deg,var(--green-dark) 0%,var(--green-main) 60%,var(--green-mid) 100%)}.login-logo{text-align:center;color:#fff;margin-bottom:40px}.logo-icon{font-size:3.5rem;display:block;margin-bottom:8px}.login-logo h1{font-size:2rem;letter-spacing:2px}.login-logo p{font-size:.85rem;opacity:.75;margin-top:4px}.login-form{background:#fff;border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow)}.login-hint{text-align:center;color:#fff9;font-size:.75rem;margin-top:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.85rem;font-weight:600;color:var(--text-sub)}.field input,.field select,.field textarea{border:1.5px solid #cde0d2;border-radius:var(--radius-sm);padding:12px 14px;font-size:1rem;color:var(--text-main);background:#fff;outline:none;-webkit-appearance:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green-mid);box-shadow:0 0 0 3px #40916c26}.field textarea{resize:none}.btn-primary{background:var(--green-main);color:#fff;border:none;border-radius:var(--radius-sm);padding:14px;font-size:1rem;font-weight:700;cursor:pointer;width:100%}.btn-primary:active{background:var(--green-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--green-main);border:2px solid var(--green-main);border-radius:var(--radius-sm);padding:12px;font-size:.95rem;font-weight:600;cursor:pointer;width:100%}.btn-secondary:active{background:var(--green-pale)}.btn-upload{background:var(--green-mid);color:#fff;border:none;border-radius:var(--radius);padding:18px;font-size:1.1rem;font-weight:700;cursor:pointer;width:100%;margin-top:8px;letter-spacing:1px}.btn-upload:active{background:var(--green-main)}.btn-upload:disabled{opacity:.5;cursor:not-allowed}.btn-retake{position:absolute;bottom:10px;right:10px;background:#0000008c;color:#fff;border:none;border-radius:20px;padding:8px 16px;font-size:.85rem;cursor:pointer}.btn-small{border:none;border-radius:var(--radius-sm);padding:6px 12px;font-size:.8rem;font-weight:600;cursor:pointer}.btn-danger{background:#fde8e8;color:var(--danger)}.badge{display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:10px}.badge-active{background:#dcfce7;color:#166534}.badge-closed{background:#e0e7ff;color:#3730a3}.badge-archived{background:#f3f4f6;color:#6b7280}.badge-pending{background:#fef9c3;color:#854d0e}.badge-failed{background:#fee2e2;color:#991b1b}.error-msg{background:#fee2e2;color:var(--danger);border-radius:var(--radius-sm);padding:10px 14px;font-size:.9rem}.warn-msg{background:#fff7ed;color:var(--warn);border-radius:var(--radius-sm);padding:10px 14px;font-size:.85rem}.center-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;color:var(--text-muted);font-size:.95rem}.project-list{list-style:none;display:flex;flex-direction:column;gap:12px}.project-card{background:#fff;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);cursor:pointer;border-left:4px solid var(--green-light)}.project-card:active{background:var(--green-pale)}.project-card-name{font-size:1rem;font-weight:700;color:var(--text-main);margin-bottom:4px}.project-card-desc{font-size:.85rem;color:var(--text-sub);margin-bottom:10px}.project-card-meta{display:flex;align-items:center;justify-content:space-between}.project-counts{font-size:.78rem;color:var(--text-muted)}.camera-body{padding:12px;display:flex;flex-direction:column;gap:12px}.gps-status{text-align:center;font-size:.82rem;font-weight:600;padding:8px 12px;border-radius:var(--radius-sm)}.gps-ok{background:#dcfce7;color:#166534}.gps-acquiring{background:#fef9c3;color:#854d0e}.gps-error{background:#fee2e2;color:#991b1b}.gps-badge{font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:10px;margin-left:auto}.camera-area{background:#e8f5e9;border:2.5px dashed var(--green-light);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;min-height:240px;cursor:pointer}.camera-area:active{background:var(--green-pale)}.camera-placeholder{text-align:center;color:var(--green-mid)}.camera-placeholder span{font-size:3.5rem;display:block}.camera-placeholder p{font-size:.9rem;font-weight:600;margin-top:8px}.preview-area{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.preview-img{width:100%;max-height:300px;object-fit:cover;display:block}.attrs-form{display:flex;flex-direction:column;gap:12px}.result-screen{justify-content:center;align-items:center;text-align:center;padding:48px 24px;gap:12px;min-height:100dvh}.result-icon{font-size:4rem}.result-screen h2{font-size:1.5rem;color:var(--text-main)}.result-screen p{color:var(--text-sub);line-height:1.6;font-size:.95rem}.result-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px;margin-top:12px}.history-list{list-style:none;display:flex;flex-direction:column;gap:12px}.history-card{background:#fff;border-radius:var(--radius);padding:12px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:flex-start}.history-thumb{width:72px;height:72px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.history-info{flex:1;display:flex;flex-direction:column;gap:4px}.history-cat{font-weight:700;font-size:.95rem}.history-memo{font-size:.82rem;color:var(--text-sub)}.history-meta{font-size:.75rem;color:var(--text-muted)}.history-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end}