@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600;700&display=swap);:root{--color-primary:#3b79d3;--color-primary-dark:#2f66b8;--color-primary-soft:#e3edfb;--color-background:#edf1f9;--color-surface:#fff;--color-column:#f5f7fb;--color-hover:#e2e8f5;--color-hover-light:#f3f6fb;--color-field:#f5f7fb;--color-border:#e6eaf2;--color-border-strong:#cfd6e4;--color-text:#1b2235;--color-text-muted:#5f6b85;--color-text-faint:#96a0b5;--color-danger:#d6453d;--color-favorite:#e8475f;--color-blue:#3b79d3;--color-blue-soft:#e3edfb;--color-sun:#c58a0c;--color-sun-soft:#fdf0cf;--color-green:#2e9d63;--color-green-soft:#dcf3e6;--color-coral:#dc5548;--color-coral-soft:#fde5e2;--color-violet:#7a5fe0;--color-violet-soft:#ebe6fd;--color-teal:#1f95a4;--color-teal-soft:#d9f1f4;--shadow-card:0 1px 2px rgba(27,34,53,.06);--shadow-hover:0 8px 20px rgba(27,34,53,.08);--shadow-pop:0 12px 32px rgba(27,34,53,.14);--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--radius-panel:20px;--gap-panel:12px;--nav-width:76px;--nav-width-expand:248px;--top-height:68px}*{box-sizing:border-box}.App{height:100vh}body{-webkit-font-smoothing:antialiased;background-color:#edf1f9;background-color:var(--color-background);color:#1b2235;color:var(--color-text);font-family:Fira Sans,sans-serif;font-size:15px;font-weight:400;line-height:1.4;margin:0}button,input,textarea{color:inherit;font-family:inherit}::selection{background-color:#e3edfb;background-color:var(--color-primary-soft)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background-color:#cfd6e4;background-color:var(--color-border-strong);border-radius:9999px}::-webkit-scrollbar-track{background:transparent}.color-0{--color-tag:var(--color-blue);--color-tag-soft:var(--color-blue-soft)}.color-1{--color-tag:var(--color-sun);--color-tag-soft:var(--color-sun-soft)}.color-2{--color-tag:var(--color-green);--color-tag-soft:var(--color-green-soft)}.color-3{--color-tag:var(--color-coral);--color-tag-soft:var(--color-coral-soft)}.color-4{--color-tag:var(--color-violet);--color-tag-soft:var(--color-violet-soft)}.color-5{--color-tag:var(--color-teal);--color-tag-soft:var(--color-teal-soft)}.input-card{padding:0 0 2px;.input-card-container{margin:auto;width:100%;.input-text{background-color:var(--color-surface);border:1px solid var(--color-primary);border-radius:12px;box-shadow:0 0 0 3px var(--color-primary-soft);display:block;font-size:14.5px;height:5rem;outline:none;padding:12px 14px;resize:none;width:100%}}.confirm{align-items:center;display:flex;margin:10px 0 0;width:100%;.button-confirm{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:13.5px;font-weight:600;height:36px;margin-right:.5rem;padding:0 14px;&:hover{background-color:var(--color-primary-dark)}}.button-cancel{background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;padding:7px;&:hover{background-color:var(--color-surface)}svg{height:20px;width:20px;&:hover{color:var(--color-danger)}}}}}.input-container{margin:0;.input-content{border-radius:var(--radius-md);display:flex;transition:background-color .15s;width:100%;.button-content{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:14px;font-weight:500;margin:0;padding:9px 10px;text-align:left;width:100%}&:hover{background-color:var(--color-surface);.button-content{color:var(--color-primary)}}}}.wrapper>div>.input-container{border:2px dashed var(--color-border);border-radius:16px;min-width:296px;padding:8px;width:296px;.input-content:hover{background-color:var(--color-column)}}.input-title{border:1px solid var(--color-primary);border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--color-primary-soft);font-size:14.5px;font-weight:600;height:32px;outline:none;padding:0 10px;width:100%}.editable-title-container{align-items:center;display:flex;gap:8px;position:relative;.editable-title{background-color:var(--color-surface);background-color:var(--color-tag-soft,var(--color-surface));border-radius:9999px;color:var(--color-text);color:var(--color-tag,var(--color-text));cursor:text;font-size:13.5px;font-weight:600;margin:0;overflow:hidden;padding:4px 12px;text-overflow:ellipsis;white-space:nowrap}.count-title{font-size:13px;font-weight:500}.count-title,.list-button{color:var(--color-text-faint)}.list-button{align-items:center;background-color:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:28px;justify-content:center;margin-left:auto;padding:0;width:28px;svg{height:20px;width:20px}&:hover{background-color:var(--color-surface);color:var(--color-text)}}.menu-card{background-color:var(--color-surface);border-radius:12px;box-shadow:var(--shadow-pop);cursor:default;list-style-type:none;margin:0;padding:6px;position:absolute;right:0;top:32px;width:180px;z-index:999;li{border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:14px;padding:8px 10px;&:hover{background-color:var(--color-hover-light)}}}}.editable-title-container .menu-card .menu-item{color:var(--color-danger)}.card-content{align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-card);display:flex;justify-content:space-between;margin:0 0 8px;min-height:2.5rem;position:relative;transition:box-shadow .15s,border-color .15s;&:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-hover)}.card-title-container{align-items:flex-start;cursor:pointer;display:flex;font-size:14.5px;height:100%;justify-content:space-between;width:100%;&:hover{svg{opacity:1}}}.input-card-title{border:1px solid var(--color-primary);border-radius:12px;box-shadow:0 0 0 3px var(--color-primary-soft);font-size:14.5px;height:100%;line-height:1.45;outline:none;overflow:hidden;padding:13px 14px;resize:none;width:100%}}.card-button{background:none;border:none;color:var(--color-text-faint);cursor:pointer;padding:12px 10px 0 0;svg{height:18px;opacity:0;transition:color .15s,opacity .15s;width:18px;&:hover{color:var(--color-danger)}}}.card-title{word-wrap:break-word;line-height:1.45;margin:0;max-width:90%;overflow:hidden;padding:13px 0 13px 14px}.list-cards{background-color:var(--color-column);border-radius:16px;margin-right:16px;min-width:296px;padding:10px;width:296px;.title-list{padding:4px 2px 10px 4px}.container-cards{max-height:calc(100vh - 300px);overflow-x:auto}.card-container{min-height:8px;overflow-y:hidden}}.wrapper{align-items:flex-start;display:flex;min-height:calc(100vh - var(--top-height) - var(--gap-panel)*2 - 64px);overflow-x:auto;padding:16px 32px 24px;scrollbar-color:transparent transparent;scrollbar-width:thin}.wrapper:hover{scrollbar-color:var(--color-border-strong) transparent}.wrapper::-webkit-scrollbar-thumb{background-color:transparent}.wrapper:hover::-webkit-scrollbar-thumb{background-color:var(--color-border-strong)}
/*# sourceMappingURL=main.a5842ca6.css.map*/