@charset "UTF-8";*{box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden}.app{display:flex;flex-direction:column;height:100vh;min-height:100vh}.app__content{flex:1;padding:20px;background-color:#f4f5f7;overflow-y:auto}.main-page{padding:20px;display:flex;flex-direction:column;gap:20px;background-color:#f9f9f9;font-family:Arial,sans-serif}.main-page__row{display:flex;gap:20px}.main-page__row .filter{margin-bottom:10px}.main-page__row .filter label{margin-right:10px}@media (max-width: 768px){.main-page__row{flex-direction:column}}.main-page__card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 10px #0000001a;flex:1}.main-page__card .main-page__filter{margin-top:10px;margin-right:10px;margin-bottom:15px}.main-page__title{font-size:1.5rem;margin-bottom:15px;color:#4a4a4a}.main-page__filter{padding:5px;font-size:1rem;border-radius:5px;border:1px solid #ccc;width:200px}.main-page__notifications{display:flex;flex-direction:column;gap:10px;max-height:270px;overflow-y:auto}.main-page__notifications .notification{padding:10px;border-radius:5px;font-size:.9rem;color:#4a4a4a;display:flex;align-items:center;gap:10px}.main-page__notifications .notification--new-task{background-color:#fff}.main-page__notifications .notification--new-task .notification-time{color:#666}.main-page__notifications .notification--in-progress{background-color:#1e90ff;color:#fff}.main-page__notifications .notification--in-progress .notification-time{color:#fff}.main-page__notifications .notification--completed{background-color:#28a745;color:#fff}.main-page__notifications .notification--completed .notification-time{color:#fff}.main-page__notifications .notification--postponed{background-color:#ff9800;color:#fff}.main-page__notifications .notification--postponed .notification-time{color:#fff}.main-page__notifications .notification--not-done{background-color:#f44336;color:#fff}.main-page__notifications .notification--not-done .notification-time{color:#fff}.main-page__notifications .notification--out-of-contract{background-color:#f39c12;color:#fff}.main-page__notifications .notification--out-of-contract .notification-time{color:#fff}.main-page__notifications .notification img{width:30px;height:30px}.main-page__notifications .notification .notification-time{font-size:12px;margin-top:5px}.main-page__tasks,.main-page__overdue-tasks{max-height:270px;overflow-y:auto}.main-page__card-overdue-tasks{max-width:600px}.main-page__tasks,.main-page__status-list,.main-page__overdue-tasks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.main-page__tasks li,.main-page__status-list li,.main-page__overdue-tasks li{font-size:1rem;display:flex;align-items:center}.main-page__tasks li img,.main-page__status-list li img,.main-page__overdue-tasks li img{margin-right:5px}.main-page__status-list .status-item{padding:5px;border-radius:5px;color:#fff;display:flex;align-items:center}.main-page__status-list .status-item img{margin-right:10px}.main-page__status-list .status-item--completed{background:#28a745}.main-page__status-list .status-item--in-progress{background:#1e90ff}.main-page__status-list .status-item--pending{background:#ff9800}.main-page__status-list .status-item--familiarized{background:#17a2b8}.main-page__status-list .status-item--overdue{background:#dc3545}.main-page__status-list .status-item--out-of-contract{background:#f5f5f5;color:#6c6c6c}.main-page__task-table-container{max-height:270px;overflow-y:auto}.main-page__task-table{width:100%;border-collapse:collapse;font-size:.9rem}.main-page__task-table th,.main-page__task-table td{border:1px solid #ddd;padding:8px;text-align:left}.main-page__task-table th{background-color:#f4f4f4;color:#333;font-weight:700}.main-page__task-table tr:nth-child(2n){background-color:#f9f9f9}.main-page__task-table tr:hover{background-color:#f1f1f1}.main-page__task-status{padding:5px 10px;border-radius:5px;text-align:center}.main-page__task-status--completed{background-color:#28a745;color:#fff}.main-page__task-status--pending{background-color:#ffc107;color:#fff}.main-page__task-status--familiarized{background-color:#17a2b8;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0003;max-width:500px;width:90%;color:#4a4a4a;position:relative}.modal-content h3{margin-top:0;font-size:1.2rem;color:#333}.modal-content p{margin:10px 0}.modal-content ul{list-style:none;padding:0;margin:10px 0 0}.modal-content ul li{margin-bottom:5px}.modal-content .modal-close-btn{margin-top:15px;padding:8px 15px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.modal-content .modal-close-btn:hover{background-color:#c82333}.main-page__overdue-tasks{max-height:270px;overflow-y:auto}.main-page__overdue-tasks li{display:flex;align-items:center;gap:10px;margin-bottom:10px}.main-page__overdue-tasks li div{display:flex;align-items:center;gap:5px}.main-page__overdue-tasks li .task-title{min-width:150px;white-space:nowrap}.notification__card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 10px #0000001a;flex:1}.notification__title{font-size:1.5rem;margin-bottom:15px;color:#4a4a4a}.notification__filter{margin:10px 10px 15px 0;padding:5px;font-size:1rem;border-radius:5px;border:1px solid #ccc;width:200px}.notification__notifications{display:flex;flex-direction:column;gap:10px;max-height:270px;overflow-y:auto}.notification__message{font-size:.9rem;color:#666}.notification__message--error{color:#f44336}.notification--default{padding:10px;border-radius:5px;font-size:.9rem;color:#4a4a4a;display:flex;align-items:center;gap:10px;background-color:#f5f5f5}.notification--default .notification-time{color:#666}.notification--new-task{padding:10px;border-radius:5px;font-size:.9rem;color:#4a4a4a;display:flex;align-items:center;gap:10px;background-color:#fff}.notification--new-task .notification-time{color:#666}.notification--in-progress{padding:10px;border-radius:5px;font-size:.9rem;color:#fff;display:flex;align-items:center;gap:10px;background-color:#1e90ff}.notification--in-progress .notification-time{color:#fff}.notification--completed{padding:10px;border-radius:5px;font-size:.9rem;color:#fff;display:flex;align-items:center;gap:10px;background-color:#28a745}.notification--completed .notification-time{color:#fff}.notification--postponed{padding:10px;border-radius:5px;font-size:.9rem;color:#fff;display:flex;align-items:center;gap:10px;background-color:#ff9800}.notification--postponed .notification-time{color:#fff}.notification--not-done{padding:10px;border-radius:5px;font-size:.9rem;color:#fff;display:flex;align-items:center;gap:10px;background-color:#f44336}.notification--not-done .notification-time{color:#fff}.notification--out-of-contract{padding:10px;border-radius:5px;font-size:.9rem;color:#fff;display:flex;align-items:center;gap:10px;background-color:#f39c12}.notification--out-of-contract .notification-time{color:#fff}.notification img{width:30px;height:30px}.notification .notification-time{font-size:12px;margin-top:5px}