:root{--bg: var(--tg-theme-bg-color, #ffffff);--text: var(--tg-theme-text-color, #000000);--hint: var(--tg-theme-hint-color, #999999);--button: var(--tg-theme-button-color, #3390ec);--button-text: var(--tg-theme-button-text-color, #ffffff);--secondary-bg: var(--tg-theme-secondary-bg-color, #f4f4f5)}*{box-sizing:border-box}body{margin:0;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.add-form{display:flex;gap:8px;margin-bottom:12px}.add-form input{flex:1;padding:8px 10px;border:none;border-radius:8px;background:var(--secondary-bg);color:var(--text);font-size:14px}.add-form button,.task .actions button{border:none;border-radius:8px;background:var(--button);color:var(--button-text);font-size:14px;padding:8px 12px;cursor:pointer}.board{display:flex;flex-direction:column;gap:12px}.column{background:var(--secondary-bg);border-radius:10px;padding:10px}.column h2{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--hint)}.column h2 .count{font-weight:400}.task{background:var(--bg);border-radius:8px;padding:8px 10px;margin-bottom:6px;cursor:pointer}.task:active{opacity:.85}.task:last-child{margin-bottom:0}.task .top{display:flex;align-items:center;justify-content:space-between;gap:8px}.task .title{flex:1;min-width:0;font-size:14px;word-break:break-word}.task .chevron{flex-shrink:0;color:var(--hint);font-size:18px;line-height:1}.task .notes-badge{font-size:11px}.task .actions{display:flex;gap:4px;flex-shrink:0;align-items:center}.task .actions button{padding:4px 8px;font-size:12px}.task .actions select.status{border:none;border-radius:6px;background:var(--secondary-bg);color:var(--hint);font-size:12px;padding:4px 6px;max-width:8.5rem}.task .meta{display:flex;gap:8px;margin-top:6px}.task .meta .field{flex:1;min-width:0;display:flex;align-items:center;gap:4px;border-radius:6px;background:var(--secondary-bg);padding:4px 6px}.task .meta .icon{flex-shrink:0;font-size:11px;line-height:1}.task .meta input[type=date],.task .meta select{flex:1;min-width:0;border:none;background:transparent;color:var(--hint);font-size:12px;padding:0;color-scheme:light dark}.task .meta input[type=date].overdue{color:#e53935;font-weight:600}.error{text-align:center;color:var(--hint);padding:40px 20px;font-size:15px}.detail{display:flex;flex-direction:column;gap:14px}.detail-header{display:flex;align-items:center;gap:8px}.detail-header h2{flex:1;margin:0;font-size:16px}.detail-header button{border:none;border-radius:8px;background:var(--secondary-bg);color:var(--text);font-size:14px;padding:6px 10px;cursor:pointer}.detail-header button.danger{color:#e53935}.detail .field-row{display:flex;flex-direction:column;gap:4px}.detail .field-row>label{font-size:12px;color:var(--hint);text-transform:uppercase;letter-spacing:.04em}.detail input,.detail textarea,.detail select{border:none;border-radius:8px;background:var(--secondary-bg);color:var(--text);font-family:inherit;font-size:14px;padding:8px 10px;color-scheme:light dark}.detail textarea{resize:vertical;min-height:120px}.detail .save{border:none;border-radius:8px;background:var(--button);color:var(--button-text);font-size:14px;padding:10px;cursor:pointer}.detail .history h3{margin:4px 0 6px;font-size:12px;color:var(--hint);text-transform:uppercase;letter-spacing:.04em}.detail .history ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.detail .history li{font-size:12px;color:var(--hint)}