.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:500;font-family: var(--font-family);border:1px solid var(--clr-grey-border);background:var(--clr-white);color:var(--clr-black);cursor:pointer;transition:all var(--ease-fast);text-decoration:none;line-height:1.4}.btn:hover{border-color:var(--clr-blue);color:var(--clr-blue);text-decoration:none}.btn--primary{background:var(--clr-black);color:#fff;border-color:var(--clr-black)}.btn--primary:hover{background:var(--clr-blue);border-color:var(--clr-blue);color:#fff}.btn--small{padding:4px 10px;font-size:var(--font-size-sm)}.btn--danger{color:var(--clr-red);border-color:var(--clr-red)}.btn--danger:hover{background:var(--clr-red);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.stat-card{background:var(--clr-surface);border-radius:var(--radius-2xl);padding:var(--space-xl) var(--space-xl) var(--space-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--ease-med) , transform var(--ease-med)}.stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.stat-card__label{font-size:var(--font-size-sm);color:var(--clr-grey);font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm)}.stat-card__value{display:flex;align-items:baseline;gap:var(--space-sm)}.stat-card__number{font-size:var(--font-size-stat);font-weight:700;color:var(--clr-black);letter-spacing:-.03em}.stat-card__dot{width:8px;height:8px;border-radius:50%;display:inline-block}.stat-card__dot--yellow{background:var(--clr-yellow)}.stat-card__dot--blue{background:var(--clr-blue)}.filter-bar{display:flex;gap:10px;margin-bottom:var(--space-xl);align-items:center;flex-wrap:wrap}.filter-bar__search{flex:1;min-width:240px;display:flex;align-items:center;gap:10px;background:var(--clr-white);border:1px solid var(--clr-grey-border);border-radius:var(--radius-lg);padding:8px 14px;transition:border-color var(--ease-fast) , box-shadow var(--ease-fast)}.filter-bar__search:focus-within{border-color:var(--clr-blue);box-shadow:0 0 0 3px var(--clr-blue-focus)}.filter-bar__search-icon{color:var(--clr-grey-light);font-size:15px;flex-shrink:0}.filter-bar__search-input{border:none;outline:none;flex:1;font-size:var(--font-size-base);color:var(--clr-black);background:transparent}.filter-bar__search-input::placeholder{color:var(--clr-grey-light)}.filter-bar__search-clear{cursor:pointer;color:var(--clr-grey-light);font-size:var(--font-size-md);background:none;border:none;padding:0;line-height:1}.filter-bar__search-clear:hover{color:var(--clr-grey)}.filter-bar__actions{margin-left:auto;display:flex;gap:var(--space-sm)}.filter-dropdown{position:relative}.filter-dropdown__trigger{display:flex;align-items:center;gap:6px;background:var(--clr-white);border:1px solid var(--clr-grey-border);border-radius:var(--radius-lg);padding:8px 14px;font-size:var(--font-size-md);font-weight:500;cursor:pointer;font-family: var(--font-family);color:var(--clr-black);transition:all var(--ease-fast)}.filter-dropdown__trigger:hover{border-color:var(--clr-blue)}.filter-dropdown__trigger--active{background:var(--clr-blue-light);border-color:var(--clr-blue)}.filter-dropdown__active-value{color:var(--clr-blue);font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-dropdown__arrow{font-size:10px;margin-left:2px}.filter-dropdown__menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--clr-white);border:1px solid var(--clr-grey-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-dropdown);padding:6px 0;z-index:50;min-width:180px;animation:fadeIn .12s ease;display:none}.filter-dropdown__menu--open{display:block}.filter-dropdown__option{display:block;width:100%;padding:8px 16px;font-size:var(--font-size-md);font-weight:400;color:var(--clr-black);background:transparent;border:none;text-align:left;cursor:pointer;font-family: var(--font-family);text-decoration:none;transition:background var(--ease-fast)}.filter-dropdown__option:hover{background:var(--clr-grey-bg);text-decoration:none}.filter-dropdown__option--selected{color:var(--clr-blue);font-weight:600;background:var(--clr-blue-light)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-size-md);font-weight:500;color:var(--clr-black);margin-bottom:var(--space-xs)}.form-input{width:100%;padding:10px 14px;border:1px solid var(--clr-grey-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--clr-black);background:var(--clr-white);transition:border-color var(--ease-fast) , box-shadow var(--ease-fast)}.form-input:focus{outline:none;border-color:var(--clr-blue);box-shadow:0 0 0 3px var(--clr-blue-focus)}.form-error{background:#fdf0ef;border:1px solid var(--clr-red);border-radius:var(--radius-lg);color:var(--clr-red);padding:10px 14px;font-size:var(--font-size-md);margin-bottom:var(--space-lg)}.form-footer{font-size:var(--font-size-md);color:var(--clr-grey);margin-top:var(--space-xl);text-align:center}.yob-badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;color:var(--clr-black);font-variant-numeric:tabular-nums;background:var(--clr-grey-bg)}.yob-badge--highlight{background:var(--clr-yellow);font-weight:700}.yob-badge--medium{background:var(--clr-yellow-soft)}.control-tag{display:inline-block;background:var(--clr-blue-light);color:var(--clr-blue);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.star-toggle{font-size:18px;cursor:pointer;transition:transform var(--ease-fast);display:inline-block;background:none;border:none;padding:0;line-height:1;color:var(--clr-grey-border);-webkit-text-stroke:.5px var(--clr-grey-border)}.star-toggle:hover{transform:scale(1.2)}.star-toggle--active{color:var(--clr-yellow);text-shadow:0 0 0 var(--clr-black);-webkit-text-stroke:1px #a68b00}.empty-state{padding:48px;text-align:center;color:var(--clr-grey-light);font-size:var(--font-size-base)}.null-dash{color:var(--clr-grey-light);font-size:var(--font-size-md)}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:200;align-items:center;justify-content:center}.modal-overlay--open{display:flex}.modal{background:var(--clr-white);border-radius:var(--radius-2xl);box-shadow:0 16px 48px rgba(0,0,0,.2);padding:28px;width:100%;max-width:440px;animation:fadeIn .15s ease}.modal__title{font-size:16px;font-weight:700;margin-bottom:var(--space-lg);letter-spacing:-.02em}.modal__close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--clr-grey-light)}.note-editor{display:flex;gap:var(--space-sm);align-items:flex-start}.note-editor__input{flex:1;padding:4px 8px;border:1px solid var(--clr-grey-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family: var(--font-family);resize:none;min-height:28px}.note-editor__input:focus{outline:none;border-color:var(--clr-blue)}.filter-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;align-items:center;justify-content:center;padding:40px}.filter-modal-overlay--open{display:flex}.filter-modal{background:var(--clr-white);border-radius:var(--radius-2xl);box-shadow:0 24px 64px rgba(0,0,0,.2);width:100%;max-width:480px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;animation:fadeIn .15s ease}.filter-modal--wide{max-width:580px}.filter-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--clr-grey-bg);flex-shrink:0}.filter-modal__title{font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--clr-black)}.filter-modal__close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--clr-grey-light);padding:4px 8px;border-radius:var(--radius-md);transition:all var(--ease-fast)}.filter-modal__close:hover{background:var(--clr-grey-bg);color:var(--clr-black)}.filter-modal__search{padding:12px 24px;border-bottom:1px solid var(--clr-grey-bg);flex-shrink:0}.filter-modal__search .form-input{font-size:14px}.filter-modal__body{overflow-y:auto;flex:1;padding:8px 0}.filter-modal__option{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;font-size:14px;color:var(--clr-black);text-decoration:none;transition:background var(--ease-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left}.filter-modal__option:hover{background:var(--clr-grey-bg);text-decoration:none}.filter-modal__option--selected{color:var(--clr-blue);font-weight:600;background:var(--clr-blue-light)}.filter-modal__option--selected:hover{background:rgba(29,112,184,.1)}.filter-modal__option--clear{color:var(--clr-red);border-bottom:1px solid var(--clr-grey-bg);margin-bottom:4px}.filter-modal__count{font-size:12px;color:var(--clr-grey-light);font-weight:400;flex-shrink:0;margin-left:12px}