*,:before,:after{box-sizing:border-box}body{margin:0;padding:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#f7f6f3;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{max-width:680px;margin:0 auto;padding:2rem 1rem 4rem}.header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.logo{letter-spacing:-.5px;font-size:22px;font-weight:600}.tagline{color:#888;text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:11px}.btn-primary{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary.full-width{width:100%;margin-top:16px;padding:14px;font-size:15px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:2rem;display:grid}.metric{background:#fff;border:1px solid #eee;border-radius:10px;padding:14px}.metric-label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px}.metric-value{font-size:20px;font-weight:600}.metric-sub{color:#aaa;margin-top:3px;font-size:11px}.form-card{background:#fff;border:1px solid #eee;border-radius:14px;margin-bottom:2rem;padding:20px}.form-title{margin-bottom:16px;font-size:16px;font-weight:600}.photo-row{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.photo-upload-area{cursor:pointer;border:1.5px dashed #ddd;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.photo-placeholder{color:#aaa;font-size:13px}.photo-preview{object-fit:cover;width:100%;height:100%}.emoji-col{flex:1;position:relative}.form-label-sm{color:#888;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:11px}.emoji-trigger{cursor:pointer;background:#f7f6f3;border:1px solid #e0e0e0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex}.emoji-trigger span:first-child{font-size:28px}.emoji-trigger-hint{color:#aaa;font-size:12px}.emoji-grid{z-index:10;background:#fff;border:1px solid #eee;border-radius:10px;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:6px;padding:10px;display:grid;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 20px #00000014}.emoji-option{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;font-size:20px}.emoji-option:hover{background:#f0efec}.emoji-option.selected{background:#1a1a1a}.form-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.form-group{flex-direction:column;gap:5px;display:flex}.form-group.full{grid-column:1/-1}.form-group label{color:#888;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:500}.optional{color:#bbb;text-transform:none;letter-spacing:0;margin-left:4px;font-size:10px;font-weight:400}.form-group input,.form-group select{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#1a1a1a}.cpd-preview{background:#f7f6f3;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:4px;padding:14px;display:flex}.preview-row{color:#666;justify-content:space-between;align-items:center;font-size:13px;display:flex}.preview-row.highlight{color:#1a1a1a;font-size:16px;font-weight:600}.preview-hint{color:#aaa;margin-left:4px;font-size:11px;font-weight:400}.empty-state{text-align:center;color:#aaa;padding:4rem 1rem;font-size:15px;line-height:2}.items-list{flex-direction:column;gap:12px;display:flex}.item-card{background:#fff;border:1px solid #eee;border-radius:14px;grid-template-columns:68px 1fr auto;align-items:start;gap:14px;padding:16px;display:grid}.item-card:hover{border-color:#ddd}.item-photo{background:#f7f6f3;border:1px solid #eee;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;display:flex;overflow:hidden}.item-photo img{object-fit:cover;width:100%;height:100%}.item-emoji{font-size:28px}.item-name{margin-bottom:2px;font-size:15px;font-weight:600}.item-brand{color:#888;margin-bottom:8px;font-size:12px}.item-tags{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tag{color:#666;background:#f0efec;border-radius:4px;padding:3px 8px;font-size:11px}.receipt-tag{color:#2d7a4f;background:#e8f5ee}.beating-tag{color:#1a56c4;background:#e8f0fe}.age-bar-wrap{margin-top:4px}.age-bar-bg{background:#f0efec;border-radius:2px;height:3px}.age-bar-fill{border-radius:2px;height:3px;transition:width .3s}.age-bar-fill.young{background:#2d7a4f}.age-bar-fill.mid{background:#c47a1a}.age-bar-fill.old{background:#c0392b}.age-label{color:#aaa;margin-top:5px;font-size:10px}.history-block{margin-top:10px}.history-toggle{color:#aaa;cursor:pointer;font-size:11px;list-style:none}.history-toggle::-webkit-details-marker{display:none}.history-toggle:hover{color:#666}.history-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.history-entry{background:#f7f6f3;border-radius:8px;padding:10px 12px}.history-type{text-transform:uppercase;letter-spacing:.5px;color:#aaa;margin-bottom:2px;font-size:10px;font-weight:600}.history-time{color:#888;margin-bottom:4px;font-size:12px}.history-change{color:#444;font-size:12px;line-height:1.6}.item-right{text-align:right;flex-shrink:0}.cpd-actual{font-size:22px;font-weight:700;line-height:1}.cpd-theoretical{color:#aaa;margin-top:6px;font-size:14px;font-weight:500}.cpd-theoretical.beating{color:#1a56c4}.cpd-unit{color:#bbb;margin-top:1px;font-size:10px}.item-total{color:#aaa;margin-top:8px;font-size:11px}.edit-btn{color:#aaa;cursor:pointer;text-align:right;background:0 0;border:none;width:100%;margin-top:10px;padding:0;font-size:11px;display:block}.edit-btn:hover{color:#1a1a1a}.delete-btn{color:#ddd;cursor:pointer;text-align:right;background:0 0;border:none;width:100%;margin-top:6px;padding:0;font-size:11px;display:block}.delete-btn:hover{color:#c0392b}