:root{--sj-red-700: #b61611;--sj-red-600: #d1271e;--sj-red-500: #ee2e24;--sj-red-300: #ff8a80;--sj-orange-500: #ff7043;--sj-gray-900: #111827;--sj-gray-800: #1f2937;--sj-gray-700: #374151;--sj-gray-600: #4b5563;--sj-gray-300: #d1d5db;--sj-gray-200: #e5e7eb;--sj-gray-100: #f3f4f6;--sj-white: #ffffff;--bg: var(--sj-white);--text: var(--sj-gray-900);--muted: var(--sj-gray-600);--border: var(--sj-gray-200);--primary: var(--sj-red-500);--primary-contrast: var(--sj-white);--secondary: var(--sj-gray-800);--highlight: var(--sj-orange-500)}.sj-button{background:var(--primary);color:var(--primary-contrast);border:none;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;box-shadow:0 6px 14px #ee2e2433;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,opacity .12s ease}.sj-button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #ee2e2442}.sj-button:active{transform:translateY(0)}.sj-button.secondary{background:var(--secondary);color:var(--sj-white);box-shadow:0 6px 14px #00000026}.sj-input,.sj-select{border:1px solid var(--border);padding:10px 12px;border-radius:10px;background:var(--sj-white);outline:none;transition:border .12s ease,box-shadow .12s ease}.sj-input:focus,.sj-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ee2e2433}.sj-card{background:var(--sj-white);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 8px 24px #1118270f}.sj-badge{display:inline-block;padding:4px 10px;border-radius:9999px;background:var(--sj-red-300);color:var(--sj-white);font-size:12px;font-weight:700}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";background:linear-gradient(180deg,#fafafa,#fff);color:var(--text)}header.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);position:sticky;top:0;z-index:20}nav a{color:var(--text);text-decoration:none;margin-right:12px;font-weight:700;padding:8px 10px;border-radius:8px}nav a.active{background:#ee2e2414;color:var(--primary)}.container{padding:18px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.day-cell{position:relative}.day-cell .add-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:9999px;background:var(--primary);color:var(--sj-white);border:none;box-shadow:0 6px 14px #ee2e2442;font-weight:900;line-height:22px;text-align:center;cursor:pointer;opacity:0;transition:opacity .12s ease,transform .12s ease}.day-cell:hover .add-btn{opacity:1}.day-cell .add-btn:hover{transform:translate(-50%,-50%) scale(1.06)}