:root{--bg-color: #f3f4f6;--text-color: #1f2937;--card-bg: rgba(255, 255, 255, .7);--card-border: rgba(255, 255, 255, .4);--primary-color: #6366f1;--primary-hover: #4f46e5;--secondary-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--nav-bg: rgba(255, 255, 255, .8);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .05);--column-bg: rgba(243, 244, 246, .5);--input-bg: rgba(255, 255, 255, .9);--input-border: #d1d5db;--backdrop-blur: blur(12px)}[data-theme=dark]{--bg-color: #0f172a;--text-color: #f8fafc;--card-bg: rgba(30, 41, 59, .7);--card-border: rgba(255, 255, 255, .1);--primary-color: #818cf8;--primary-hover: #6366f1;--secondary-color: #34d399;--danger-color: #f87171;--warning-color: #fbbf24;--nav-bg: rgba(15, 23, 42, .8);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .3);--column-bg: rgba(30, 41, 59, .4);--input-bg: rgba(15, 23, 42, .9);--input-border: #334155}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;min-height:100vh;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(16,185,129,.1) 0px,transparent 50%);background-attachment:fixed}.glass-panel{background:var(--card-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--card-border);box-shadow:var(--glass-shadow);border-radius:16px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;border:none;transition:all .2s ease;gap:.5rem}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 10px #6366f14d}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-danger{background-color:transparent;color:var(--danger-color);border:1px solid var(--danger-color)}.btn-danger:hover{background-color:var(--danger-color);color:#fff}.btn-icon{padding:.5rem;border-radius:50%;background:transparent;color:var(--text-color)}.btn-icon:hover{background:#8080801a}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;opacity:.9}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-color);font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}.board-container{display:flex;gap:1.5rem;padding:1.5rem;overflow-x:auto;min-height:calc(100vh - 80px)}.kanban-column{flex:0 0 300px;display:flex;flex-direction:column;gap:1rem;background:var(--column-bg);border-radius:12px;padding:1rem}.task-card{padding:1rem;border-radius:10px;cursor:grab;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.task-card:active{cursor:grabbing}.task-card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow)}.priority-badge{font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.priority-low{background:#10b98133;color:var(--secondary-color)}.priority-medium{background:#f59e0b33;color:var(--warning-color)}.priority-high{background:#ef444433;color:var(--danger-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:fadeIn .3s ease}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.flex-between{display:flex;justify-content:space-between;align-items:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-gray{opacity:.7}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}
