*{box-sizing:border-box;margin:0;padding:0}body{background:#1a1a2e;color:#f0f0f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}#app{display:block!important;max-width:600px;margin:0 auto;min-height:100vh;padding-bottom:80px}.header-wrapper{position:sticky;top:0;z-index:50;background:#1a1a2ed9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:16px 16px 10px;border-bottom:1px solid #2d2d4e}.header-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.back-btn{flex-shrink:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#94a3b8;padding:8px 16px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}.back-btn:active{background:#fff3}.header-top h5{font-size:14px;font-weight:700;color:#e2e8f0;margin:0}.date-nav{display:flex;align-items:center;gap:8px}.date-nav button{background:#2d2d4e;border:1px solid #3d3d6e;color:#e2e8f0;font-size:1.2rem;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.date-nav button:disabled{opacity:.35;cursor:not-allowed}.date-nav input[type=date]{background:#2d2d4e;border:1px solid #3d3d6e;color:#e2e8f0;font-size:.95rem;padding:0 10px;border-radius:8px;text-align:center;height:40px}.date-nav input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)}.filters-container{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.filters-container::-webkit-scrollbar{display:none}.filter-pill{white-space:nowrap;padding:6px 14px;border-radius:20px;background:#2d2d4e;color:#94a3b8;font-size:.85rem;font-weight:600;border:1px solid #3d3d6e;cursor:pointer;transition:all .2s}.filter-pill.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.list-container{padding:16px}.section-header{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:12px;margin-top:8px}.card-wrapper{position:relative;margin-bottom:12px;border-radius:12px;overflow:hidden;background:#2d2d4e}.swipe-actions{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-weight:700;font-size:1rem}.swipe-action-left{color:#bbf7d0}.swipe-action-right{color:#bfdbfe}.card-inner{position:relative;background:#16213e;border:1px solid #2d2d4e;border-radius:12px;padding:16px;z-index:2;transition:transform .2s ease;touch-action:pan-y}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.job-id{font-weight:800;font-size:1.2rem;color:#e2e8f0}.location-badge{background:#ffffff1a;padding:4px 10px;border-radius:6px;font-size:.9rem;font-weight:600;color:#93c5fd;display:flex;align-items:center;gap:4px}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#94a3b8}.status-badge{display:inline-flex;align-items:center;font-size:.85rem;font-weight:700;padding:4px 10px;border-radius:20px;background:#ffffff14}.card-note{font-size:.85rem;color:#64748b;margin-top:10px;padding-top:10px;border-top:1px dashed #2d2d4e;font-style:italic}.card-actions{display:flex;gap:8px;margin-top:12px}.btn{flex:1;padding:10px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer}.btn-confirm{background:#166534;color:#bbf7d0}.btn-edit{background:#1e3a5f;color:#93c5fd}.sheet-overlay{position:fixed;inset:0;background:#0009;z-index:100;display:none;align-items:flex-end;opacity:0;transition:opacity .3s ease}.sheet-overlay.open{display:flex;opacity:1}.sheet-content{background:#16213e;width:100%;border-radius:20px 20px 0 0;padding:24px;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);max-height:90vh;overflow-y:auto}.sheet-overlay.open .sheet-content{transform:translateY(0)}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sheet-title{font-size:1.2rem;font-weight:700}.sheet-close{background:none;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.85rem;color:#94a3b8;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.form-input,.form-select{width:100%;background:#2d2d4e;border:1px solid #3d3d6e;color:#fff;padding:14px;border-radius:10px;font-size:1rem}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1}.toggle-group{display:flex;background:#2d2d4e;border-radius:10px;overflow:hidden;border:1px solid #3d3d6e}.toggle-btn{flex:1;padding:14px;text-align:center;background:transparent;border:none;color:#94a3b8;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.toggle-btn.active{background:#3b82f6;color:#fff}.btn-primary{width:100%;padding:16px;background:#10b981;color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;margin-top:10px;cursor:pointer}.loading{display:flex;align-items:center;justify-content:center;padding:60px 0;color:#94a3b8}.empty{text-align:center;padding:60px 20px;color:#64748b}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#166534;color:#bbf7d0;padding:12px 24px;border-radius:30px;font-size:.95rem;font-weight:600;z-index:200;opacity:0;transition:opacity .3s;pointer-events:none;box-shadow:0 4px 12px #0000004d}.toast.show{opacity:1}.toast.error{background:#7f1d1d;color:#fca5a5}