body{color:#1e293b;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--danger:#ef4444;--danger-hover:#dc2626;--bg:#f8fafc;--surface:#fff;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--success:#22c55e;--warning:#f59e0b;--radius:10px;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.app{min-height:100vh}.app-header{color:#fff;text-align:center;background:linear-gradient(135deg,#1e40af 0%,#2563eb 50%,#3b82f6 100%);padding:2rem}.app-header h1{margin-bottom:.25rem;font-size:2rem;font-weight:700}.app-header p{opacity:.85;font-size:.95rem}.app-main{flex-direction:column;gap:2rem;max-width:900px;margin:2rem auto;padding:0 1rem;display:flex}.daily-form-wrapper{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid var(--border);overflow:hidden}.form-top-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.form-top-bar h2{font-size:1.2rem;font-weight:600}.btn-new{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:background .15s}.btn-new:hover{background:var(--primary-hover)}.form-selectors{border-bottom:1px solid var(--border);background:#f8fafc;gap:.75rem;padding:1rem 1.75rem;display:flex}.form-select{border:1px solid var(--border);color:var(--text);background:var(--surface);cursor:pointer;border-radius:6px;flex:1;padding:.6rem .75rem;font-size:.9rem}.form-select:focus{border-color:var(--primary);outline:none}.form-select:disabled{opacity:.5;cursor:not-allowed}.form-hint{text-align:center;color:var(--text-muted);padding:2rem 1.75rem;font-size:.95rem}.daily-form{padding:1.5rem 1.75rem}.form-project-label{color:var(--primary);font-size:.95rem;font-weight:600}.date-input{border:1px solid var(--border);color:var(--text);background:var(--bg);border-radius:6px;padding:.5rem .75rem;font-size:.9rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text);margin-bottom:.4rem;font-size:.9rem;font-weight:600;display:block}.form-group textarea{border:1px solid var(--border);resize:vertical;width:100%;color:var(--text);background:var(--surface);border-radius:6px;padding:.75rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-group textarea::placeholder{color:var(--text-muted)}.btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:.75rem;font-size:1rem;font-weight:600;transition:background .15s}.btn-save:hover:not(:disabled){background:var(--primary-hover)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.daily-list{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid var(--border);padding:1.75rem}.daily-list h2{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.empty{color:var(--text-muted);text-align:center;padding:2rem}.daily-card{border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;padding:1rem 1.25rem;transition:box-shadow .15s}.daily-card:hover{box-shadow:var(--shadow)}.card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.card-actions{gap:.35rem;display:flex}.btn-edit,.btn-delete{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:5px;padding:.3rem .5rem;font-size:.85rem;transition:background .15s}.btn-edit:hover{background:#eff6ff}.btn-delete:hover{border-color:var(--danger);background:#fef2f2}.card-section{color:var(--text);margin-bottom:.4rem;font-size:.88rem}.card-section strong{color:var(--text-muted)}.card-section.blockers{color:#b45309;border-left:3px solid var(--warning);background:#fffbeb;border-radius:6px;padding:.5rem .75rem}.toolbar{align-items:center;gap:.6rem;display:flex}.toolbar-select{border:1px solid var(--border);color:var(--text);background:var(--surface);cursor:pointer;border-radius:6px;flex:1;padding:.6rem .75rem;font-size:.9rem}.toolbar-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.toolbar-select:disabled{opacity:.5;cursor:not-allowed}.btn-manage{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:6px;padding:.6rem .9rem;font-size:.85rem;font-weight:500;transition:background .15s}.btn-manage:hover{background:#f1f5f9}.empty-state{text-align:center;color:var(--text-muted);padding:1.5rem}.form-header-right{align-items:center;gap:.5rem;display:flex}.btn-cancel-edit{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:6px;padding:.4rem .8rem;font-size:.85rem}.btn-cancel-edit:hover{background:#f1f5f9}.card-header-left{flex-direction:column;gap:.15rem;display:flex}.card-project{color:var(--text);font-size:.9rem;font-weight:700}.card-date{color:var(--primary);text-transform:capitalize;font-size:.85rem;font-weight:500}.modal-wide{max-width:560px}.modal-add select{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:6px;padding:.55rem .5rem;font-size:.85rem}.edit-select{border:1px solid var(--primary);border-radius:4px;margin-right:.3rem;padding:.35rem .4rem;font-size:.85rem}.item-name{font-size:.95rem;font-weight:500}.item-client{color:var(--text-muted);font-size:.85rem;font-weight:400}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);flex-direction:column;width:100%;max-width:480px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h2{font-size:1.1rem;font-weight:600}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.25rem;font-size:1.2rem}.modal-close:hover{color:var(--text)}.modal-add{border-bottom:1px solid var(--border);gap:.5rem;padding:1rem 1.5rem;display:flex}.modal-add input{border:1px solid var(--border);color:var(--text);border-radius:6px;flex:1;padding:.55rem .75rem;font-size:.9rem}.modal-add input:focus{border-color:var(--primary);outline:none}.btn-add{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.55rem 1rem;font-size:.9rem;font-weight:600}.btn-add:hover{background:var(--primary-hover)}.modal-error{color:var(--danger);padding:.5rem 1.5rem;font-size:.85rem}.modal-list{padding:.5rem 1.5rem 1rem;overflow-y:auto}.modal-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.6rem 0;display:flex}.modal-item:last-child{border-bottom:none}.dev-name{font-size:.95rem;font-weight:500}.item-actions{gap:.3rem;display:flex}.edit-input{border:1px solid var(--primary);border-radius:4px;flex:1;margin-right:.4rem;padding:.35rem .6rem;font-size:.9rem}.btn-confirm,.btn-cancel{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;padding:.3rem .5rem;font-size:.85rem}.btn-confirm{color:var(--success);border-color:var(--success)}.btn-confirm:hover{background:#f0fdf4}.btn-cancel:hover{border-color:var(--danger);background:#fef2f2}
