*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2d3748;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bamboo-green:#4a7c59;--bamboo-light:#8fbc8f;--bamboo-dark:#2d5016;--bamboo-sage:#9caf88;--bamboo-cream:#f7f5f3;--bamboo-brown:#8b4513;--bamboo-mist:#e8f5e8;--shadow-light:#4a7c591a;--shadow-medium:#4a7c5933;--shadow-dark:#4a7c594d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#e8f5e8;background:var(--bamboo-mist)}::-webkit-scrollbar-thumb{background:#8fbc8f;background:var(--bamboo-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a7c59;background:var(--bamboo-green)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes bambooSway{0%,to{transform:rotate(0deg)}50%{transform:rotate(1deg)}}@media (max-width:768px){body{font-size:14px}}@media (max-width:480px){body{font-size:13px}}.auth-container{align-items:center;background:linear-gradient(135deg,var(--bamboo-mist) 0,var(--bamboo-cream) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.auth-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' x='0' y='0' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1' fill='%234a7c59' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.bamboo-decoration.left,.bamboo-decoration.right{height:100vh;position:absolute;top:0;z-index:1}.bamboo-decoration.left{height:80vh;left:10%}.bamboo-decoration.right{animation-delay:2s;height:70vh;right:15%}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;max-width:420px;padding:40px;position:relative;width:100%;z-index:2}.auth-header{margin-bottom:32px;text-align:center}.bamboo-icon{animation:bambooSway 3s ease-in-out infinite;display:inline-block;margin-bottom:20px;position:relative}.bamboo-stalk{background:linear-gradient(to bottom,var(--bamboo-green),var(--bamboo-light));border-radius:4px;height:60px;margin:0 auto;position:relative;width:8px}.bamboo-stalk:after,.bamboo-stalk:before{background:var(--bamboo-brown);border-radius:1px;content:"";height:2px;position:absolute;width:100%}.bamboo-stalk:before{top:20px}.bamboo-stalk:after{top:40px}.bamboo-leaves{left:50%;position:absolute;top:-10px;transform:translateX(-50%)}.leaf{background:var(--bamboo-sage);border-radius:0 100% 0 100%;height:8px;position:absolute;transform-origin:bottom left;width:20px}.leaf:first-child{animation:leafSway 2s ease-in-out infinite;left:8px;top:0;transform:rotate(45deg)}.leaf:nth-child(2){animation:leafSway 2s ease-in-out .5s infinite;left:-12px;top:5px;transform:rotate(-30deg)}.leaf:nth-child(3){animation:leafSway 2s ease-in-out 1s infinite;left:15px;top:10px;transform:rotate(60deg)}@keyframes leafSway{0%,to{transform:rotate(0deg);transform:rotate(var(--initial-rotation,0deg))}50%{transform:rotate(10deg);transform:rotate(calc(var(--initial-rotation, 0deg) + 10deg))}}.auth-header h1{color:var(--bamboo-dark);font-size:28px;font-weight:600;margin-bottom:8px}.auth-header p{color:#718096;font-size:16px}.auth-form{margin-bottom:24px}.form-label{align-items:center;display:flex;gap:8px}.input.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.auth-submit{font-size:16px;margin-top:8px;padding:14px;position:relative;width:100%}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.auth-footer{border-top:1px solid #4a7c591a;padding-top:24px;text-align:center}.auth-footer p{color:#718096;font-size:14px}.auth-link{color:var(--bamboo-green);font-weight:500;text-decoration:none;transition:color .3s ease}.auth-link:hover{color:var(--bamboo-dark);text-decoration:underline}@media (max-width:768px){.auth-container{padding:16px}.bamboo-decoration.left,.bamboo-decoration.right{display:none}.auth-card{padding:32px 24px}.auth-header h1{font-size:24px}.auth-header p{font-size:14px}.bamboo-icon{transform:scale(.8)}}@media (max-width:480px){.auth-container{padding:12px}.auth-card{padding:24px 20px}.auth-header h1{font-size:22px}.auth-submit{font-size:14px;padding:12px}}.auth-link:focus{border-radius:4px}.auth-link:focus,.btn:focus{outline:2px solid var(--bamboo-green);outline-offset:2px}@media (prefers-contrast:high){.auth-card{border:2px solid var(--bamboo-dark)}.bamboo-icon{filter:contrast(1.5)}}@media (prefers-reduced-motion:reduce){.bamboo-decoration,.bamboo-icon,.fade-in,.leaf{animation:none}}.dashboard{background:linear-gradient(135deg,var(--bamboo-mist) 0,var(--bamboo-cream) 100%);min-height:100vh}.dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #4a7c591a;padding:16px 0;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;gap:20px;justify-content:space-between}.header-left .logo{align-items:center;display:flex;gap:12px}.bamboo-icon-small{animation:bambooSway 4s ease-in-out infinite;position:relative}.bamboo-stalk-small{background:linear-gradient(to bottom,var(--bamboo-green),var(--bamboo-light));border-radius:3px;height:32px;position:relative;width:6px}.bamboo-stalk-small:after,.bamboo-stalk-small:before{background:var(--bamboo-brown);border-radius:1px;content:"";height:1px;position:absolute;width:100%}.bamboo-stalk-small:before{top:10px}.bamboo-stalk-small:after{top:22px}.bamboo-leaves-small{left:50%;position:absolute;top:-5px;transform:translateX(-50%)}.leaf-small{background:var(--bamboo-sage);border-radius:0 100% 0 100%;height:5px;position:absolute;transform-origin:bottom left;width:12px}.leaf-small:first-child{left:6px;top:0;transform:rotate(45deg)}.leaf-small:nth-child(2){left:-6px;top:3px;transform:rotate(-30deg)}.logo h1{color:var(--bamboo-dark);font-size:24px;font-weight:600;margin:0}.header-center{flex:1 1;text-align:center}.header-center h2{color:var(--bamboo-dark);font-size:20px;font-weight:500;margin:0 0 4px}.header-center p{color:#718096;font-size:14px;margin:0}.header-right{gap:16px}.header-right,.user-menu{align-items:center;display:flex}.user-menu{gap:12px}.user-info{align-items:center;color:var(--bamboo-dark);display:flex;font-size:14px;font-weight:500;gap:8px}.logout-btn{padding:8px}.dashboard-main{padding:32px 0}.dashboard-grid{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:320px 1fr}.dashboard-sidebar{display:flex;flex-direction:column;gap:24px}.dashboard-content{min-height:600px}.task-stats{padding:24px}.task-stats h3{color:var(--bamboo-dark);font-size:18px;font-weight:600;margin:0 0 20px}.completion-rate{margin-bottom:24px;text-align:center}.completion-circle{height:80px;margin:0 auto 12px;position:relative;width:80px}.circular-chart{height:100%;transform:rotate(-90deg);width:100%}.circle-bg{fill:none;stroke:var(--bamboo-mist);stroke-width:2}.circle{fill:none;stroke:var(--bamboo-green);stroke-width:2;stroke-linecap:round;transition:stroke-dasharray .6s ease-in-out}.percentage{color:var(--bamboo-dark);font-size:18px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.completion-rate p{color:#718096;font-size:14px;margin:0}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.stat-item{background:#ffffff80;border:1px solid #4a7c590d;border-radius:12px;gap:12px;padding:12px}.stat-icon,.stat-item{align-items:center;display:flex}.stat-icon{border-radius:8px;height:32px;justify-content:center;width:32px}.stat-content{flex:1 1}.stat-value{color:var(--bamboo-dark);font-size:18px;font-weight:600;line-height:1}.stat-label{color:#718096;font-size:12px;margin-top:2px}.filters-card{padding:24px}.filters-card h3{color:var(--bamboo-dark);font-size:18px;font-weight:600;margin:0 0 16px}.filter-buttons{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.filter-buttons .btn{font-size:14px;justify-content:flex-start;padding:10px 16px}.sort-section h4{color:var(--bamboo-dark);font-size:16px;font-weight:500;margin:0 0 12px}.task-list{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #4a7c591a;border-radius:16px;overflow:hidden}.task-list-header{align-items:center;border-bottom:1px solid #4a7c591a;display:flex;justify-content:space-between;padding:24px 24px 16px}.task-list-header h3{color:var(--bamboo-dark);font-size:20px;font-weight:600;margin:0}.task-count{background:var(--bamboo-mist);border-radius:20px;color:#718096;font-size:14px;padding:4px 12px}.task-items{max-height:600px;overflow-y:auto}.task-item{align-items:flex-start;border-bottom:1px solid #4a7c590d;display:flex;gap:16px;padding:20px 24px;position:relative;transition:all .3s ease}.task-item:hover{background:#4a7c5905}.task-item.completed{opacity:.7}.task-item.completed .task-title{color:#718096;text-decoration:line-through}.task-checkbox{margin-top:2px}.checkbox{background:#fff;border:2px solid var(--bamboo-light);border-radius:4px;cursor:pointer;height:18px;transition:all .3s ease;width:18px}.checkbox:checked{background:var(--bamboo-green);border-color:var(--bamboo-green)}.task-content{flex:1 1}.task-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.task-title{color:var(--bamboo-dark);font-size:16px;font-weight:500;line-height:1.4;margin:0}.task-meta{align-items:center;display:flex;flex-shrink:0;gap:8px}.priority-badge{color:#fff;text-transform:uppercase}.due-date,.priority-badge{align-items:center;border-radius:12px;display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px}.due-date{background:var(--bamboo-mist);color:var(--bamboo-dark)}.due-date.today{background:#fef5e7;color:#ed8936}.due-date.tomorrow{background:#e6fffa;color:#319795}.due-date.overdue{background:#fed7d7;color:#e53e3e}.task-description{color:#718096;font-size:14px;line-height:1.5;margin:0 0 12px}.task-footer{align-items:center;display:flex;justify-content:space-between}.task-created{color:#a0aec0;font-size:12px}.task-actions{align-items:center;display:flex;gap:8px;opacity:0;transition:opacity .3s ease}.task-item:hover .task-actions{opacity:1}.btn-icon{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.edit-btn{color:var(--bamboo-green)}.edit-btn:hover{background:var(--shadow-light)}.delete-btn{color:#e53e3e}.delete-btn:hover{background:#e53e3e1a}.task-list-empty{padding:60px 24px;text-align:center}.empty-state{margin:0 auto;max-width:300px}.bamboo-zen{height:80px;margin:0 auto 24px;position:relative;width:80px}.zen-circle{border:2px solid var(--bamboo-light);border-radius:50%;height:80px;opacity:.3;width:80px}.zen-bamboo{animation:bambooSway 4s ease-in-out infinite;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.zen-stalk{background:linear-gradient(to bottom,var(--bamboo-green),var(--bamboo-light));border-radius:2px;height:40px;margin:0 auto;width:4px}.zen-leaves{left:50%;position:absolute;top:-5px;transform:translateX(-50%)}.zen-leaf{background:var(--bamboo-sage);border-radius:0 100% 0 100%;height:6px;position:absolute;width:12px}.zen-leaf:first-child{left:4px;top:0;transform:rotate(45deg)}.zen-leaf:nth-child(2){left:-8px;top:3px;transform:rotate(-30deg)}.empty-state h3{color:var(--bamboo-dark);font-size:20px;font-weight:500;margin:0 0 8px}.empty-state p{color:#718096;font-size:14px;line-height:1.5;margin:0}.task-form-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.task-form-container{animation:fadeIn .3s ease-out;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.task-form-header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 0}.task-form-header h3{color:var(--bamboo-dark);font-size:20px;font-weight:600;margin:0}.close-btn{color:#718096}.close-btn:hover{background:#7180961a}.task-form{padding:24px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.textarea{font-family:inherit;min-height:80px;resize:vertical}.checkbox-label{align-items:center;color:var(--bamboo-dark);cursor:pointer;display:flex;font-size:14px;gap:8px}.form-actions{border-top:1px solid #4a7c591a;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}@media (max-width:1024px){.dashboard-grid{gap:24px;grid-template-columns:280px 1fr}}@media (max-width:768px){.header-content{flex-direction:column;gap:16px;text-align:center}.header-center{order:-1}.header-left,.header-right{justify-content:center;width:100%}.dashboard-grid{gap:20px;grid-template-columns:1fr}.dashboard-sidebar{order:1}.stats-grid{grid-template-columns:repeat(4,1fr)}.filter-buttons{flex-direction:row;flex-wrap:wrap}.task-form-container{border-radius:0;margin:0}.form-row{grid-template-columns:1fr}}@media (max-width:480px){.dashboard-main{padding:20px 0}.task-item{gap:12px;padding:16px}.task-header,.task-item{align-items:stretch;flex-direction:column}.task-header{gap:8px}.task-meta{justify-content:flex-start}.task-actions{justify-content:flex-end;opacity:1}.stats-grid{grid-template-columns:1fr 1fr}.stat-item{flex-direction:column;gap:8px;text-align:center}}@media (prefers-reduced-motion:reduce){.bamboo-icon-small,.circular-chart .circle,.zen-bamboo{animation:none}}@media (prefers-contrast:high){.task-item{border:1px solid var(--bamboo-dark)}.checkbox{border-width:3px}}.App{flex-direction:column}.App,.loading-container{display:flex;min-height:100vh}.loading-container{align-items:center;background:linear-gradient(135deg,var(--bamboo-mist) 0,var(--bamboo-cream) 100%);justify-content:center}.bamboo-loader{align-items:flex-end;display:flex;gap:8px}.bamboo-segment{animation:bambooGrow 1.2s ease-in-out infinite;background:linear-gradient(to top,var(--bamboo-green),var(--bamboo-light));border-radius:4px;height:40px;width:8px}.bamboo-segment:first-child{animation-delay:0s}.bamboo-segment:nth-child(2){animation-delay:.2s;height:50px}.bamboo-segment:nth-child(3){animation-delay:.4s;height:35px}@keyframes bambooGrow{0%,40%,to{opacity:.7;transform:scaleY(.4)}20%{opacity:1;transform:scaleY(1)}}.bamboo-decoration{animation:bambooSway 4s ease-in-out infinite;background:linear-gradient(to bottom,var(--bamboo-green),var(--bamboo-light));border-radius:3px;opacity:.1;position:absolute;width:6px}.bamboo-decoration:after,.bamboo-decoration:before{background:var(--bamboo-brown);border-radius:1px;content:"";height:2px;position:absolute;width:100%}.bamboo-decoration:before{top:30%}.bamboo-decoration:after{top:70%}.container{margin:0 auto;max-width:1200px;padding:0 20px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #4a7c591a;border-radius:16px;box-shadow:0 8px 32px var(--shadow-light);transition:all .3s ease}.card:hover{box-shadow:0 12px 40px var(--shadow-medium);transform:translateY(-2px)}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--bamboo-green),var(--bamboo-light));box-shadow:0 4px 12px var(--shadow-light);color:#fff}.btn-primary:hover{box-shadow:0 6px 16px var(--shadow-medium);transform:translateY(-1px)}.btn-secondary{background:var(--bamboo-cream);border:1px solid var(--bamboo-light);color:var(--bamboo-dark)}.btn-secondary:hover{background:var(--bamboo-mist);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#e53e3e,#fc8181);color:#fff}.btn-danger:hover{box-shadow:0 6px 16px #e53e3e4d;transform:translateY(-1px)}.input{background:#ffffffe6;border:2px solid var(--bamboo-light);border-radius:12px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.input:focus{background:#fff;border-color:var(--bamboo-green);box-shadow:0 0 0 3px var(--shadow-light);outline:none}.input::placeholder{color:#a0aec0}.form-group{margin-bottom:20px}.form-label{color:var(--bamboo-dark);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-error{color:#e53e3e;font-size:12px;margin-top:4px}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .4s ease-out}@media (max-width:768px){.container{padding:0 16px}.card{border-radius:12px;margin:16px 0}.btn{padding:10px 20px}.btn,.input{font-size:13px}.input{padding:10px 14px}}@media (max-width:480px){.container{padding:0 12px}.card{border-radius:8px;margin:12px 0}.btn{padding:8px 16px}.btn,.input{font-size:12px}.input{padding:8px 12px}}
/*# sourceMappingURL=main.6e1ba6d9.css.map*/