*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#e91e63;--color-primary-hover:#d81b60;--color-primary-light:#fff0f5;--color-background:#fafafa;--color-surface:#fff;--color-text:#333;--color-text-secondary:#555;--color-text-muted:#777;--color-border:#eee;--color-border-input:#ddd;--color-danger:#dc2626;--color-danger-light:#fff1f2;--color-success:#16a34a;--color-success-light:#ecfdf3;--color-warning:#d97706;--color-warning-light:#fff7e6;--radius-small:6px;--radius-medium:8px;--shadow-card:0 2px 8px #00000008}body{background-color:var(--color-background);color:var(--color-text);font-family:Poppins,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}.btn-primary,.btn-danger,.btn-secondary{color:#fff;cursor:pointer;border:none;border-radius:5px;padding:10px 20px}.btn-primary{background-color:#225d9d}.btn-danger{background-color:#dc3545}.btn-secondary{background-color:#5b84a7}.layout{background-color:var(--color-background);min-height:100vh;display:flex}.layout-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;justify-content:space-between;width:180px;min-height:100vh;padding:78px 12px 20px;transition:width .25s;display:flex}.layout-sidebar.collapsed{border-right:none;width:0;padding-left:0;padding-right:0;overflow:hidden}.sidebar-nav,.sidebar-bottom{flex-direction:column;display:flex}.sidebar-nav{gap:8px}.sidebar-link{color:#444;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;width:100%;padding:11px 12px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover,.sidebar-link.active{background:var(--color-primary-light);color:var(--color-primary)}.sidebar-link.active{font-weight:600}.logout-btn{color:var(--color-primary)}.app-right{flex:1;min-width:0}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:58px;padding:0 24px;display:flex}.topbar-left{align-items:center;gap:18px;display:flex}.menu-icon{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;padding:0;font-size:18px}.logo{color:#111;margin:0;font-size:18px;font-weight:700}.logo span{color:var(--color-primary)}.topbar-user-wrapper{position:relative}.topbar-user{color:var(--color-text);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-family:inherit;font-size:13px;display:flex}.user-avatar{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:flex}.user-menu-arrow{color:var(--color-text-secondary);margin-left:2px;font-size:9px;line-height:1}.user-dropdown{z-index:1000;background:var(--color-surface);border:1px solid var(--color-border);border-radius:7px;width:140px;padding:8px;position:absolute;top:42px;right:0;box-shadow:0 6px 18px #00000014}.user-dropdown button{width:100%;color:var(--color-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:9px 10px;font-family:inherit}.user-dropdown button:hover{background:var(--color-primary-light)}.main-content{background:var(--color-background);min-height:calc(100vh - 58px);padding:24px}.login-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-left{background:var(--color-primary-light);flex-direction:column;justify-content:center;align-items:center;display:flex}.login-left h2{margin-bottom:8px;font-size:28px}.login-left h2 span{color:var(--color-primary)}.login-left p{color:var(--color-text-muted);font-size:14px}.login-right{justify-content:center;align-items:center;padding:40px;display:flex}.login-card{width:100%;max-width:380px}.login-card h2{margin-bottom:6px;font-size:26px}.login-card>p{color:var(--color-text-muted);margin-bottom:25px;font-size:13px}.login-card .form-group{margin-bottom:18px}.login-card .form-group label{margin-bottom:7px;font-size:12px;font-weight:600;display:block}.login-card .form-group input{box-sizing:border-box;border:1px solid var(--color-border-input);border-radius:6px;outline:none;width:100%;padding:11px 12px;font-family:inherit}.login-card .form-group input:focus{border-color:var(--color-primary)}.login-card button{border-radius:var(--radius-small);background:var(--color-primary);color:#fff;cursor:pointer;border:none;width:100%;padding:11px;font-weight:600}.login-card button:hover{background:var(--color-primary-hover)}.login-card h3{text-align:center;color:var(--color-text-muted);margin-top:22px;font-size:12px;font-weight:400}.login-card h3 a{color:var(--color-primary);font-weight:600;text-decoration:none}@media (width<=768px){.login-page{grid-template-columns:1fr}.login-left{min-height:220px;padding:30px 20px}.login-right{padding:40px 20px}}.details-card{background:#fff;border-radius:5px;max-width:700px;margin:40px auto;padding:22px;box-shadow:0 0 10px #0000001a}.details-card h2{text-align:center;margin-bottom:20px}.details-block{margin-top:20px;padding-top:10px}.details-block-label{color:#333;margin-bottom:8px;font-weight:600}.details-block-value{color:#555;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;border-radius:6px;padding:12px;line-height:2;display:block}.details-page{width:100%}.details-page-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.details-page-header h1{color:#222;margin:0 0 5px;font-size:24px}.details-page-header p{color:#777;margin:0;font-size:13px}.details-edit-btn{color:#fff;background:#e91e63;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none}.details-edit-btn:hover{background:#d81b60}.details-actions{justify-content:center;align-items:center;gap:10px;margin-top:28px;display:flex}.details-actions a{text-decoration:none}.details-actions .btn-secondary,.details-actions .btn-danger{cursor:pointer;border-radius:6px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600}.details-actions .btn-secondary{color:#555;background:#fff;border:1px solid #ddd}.details-actions .btn-secondary:hover{background:#f7f7f7}.details-actions .btn-danger{color:#dc2626;background:#fff;border:1px solid #fecaca}.details-actions .btn-danger:hover{background:#fff1f2}.details-tabs{border-bottom:1px solid #eee;gap:28px;margin-bottom:20px;display:flex}.details-tab{color:#777;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 2px;font-family:inherit;font-size:13px;font-weight:500}.details-tab:hover{color:#e91e63}.details-tab.active{color:#e91e63;border-bottom-color:#e91e63;font-weight:600}.timeline-item{align-items:flex-start;gap:14px;padding:12px 0;display:flex}.timeline-dot{background:#e91e63;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.timeline-item h4{color:#222;margin:0 0 4px;font-size:13px}.timeline-item p{color:#777;margin:0;font-size:12px}.details-summary{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;padding-bottom:20px;display:flex}.details-summary h2{color:#222;margin:0 0 5px;font-size:20px}.details-summary p{color:#777;margin:0;font-size:13px}.application-summary-card{box-sizing:border-box;background:#fff;border:1px solid #eee;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:0;padding:20px 22px;display:flex}.application-summary-left{align-items:center;gap:14px;display:flex}.company-logo{color:#e91e63;background:#fff0f5;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;font-weight:700;display:flex}.application-summary-left h2{color:#222;margin:0 0 4px;font-size:18px}.application-summary-left p{color:#777;margin:0;font-size:13px}.summary-edit-btn,.summary-delete-btn{cursor:pointer;border-radius:6px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600}.summary-edit-btn{color:#e91e63;background:#fff0f5;border:1px solid #ffc2d7;text-decoration:none}.summary-delete-btn{color:#dc2626;background:#fff;border:1px solid #fecaca}.details-tabs{background:#fff;margin-top:0;padding-left:12px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.overview-card{background:#fff;border:1px solid #eee;border-radius:8px;min-height:260px;padding:20px;box-shadow:0 2px 8px #00000008}.overview-item{flex-direction:column;gap:4px;margin-bottom:18px;display:flex}.overview-item:last-child{margin-bottom:0}.overview-label{color:#888;font-size:11px;font-weight:500}.overview-value{color:#222;word-break:break-word;font-size:13px;font-weight:500}.overview-value a{color:#2563eb;text-decoration:none}.overview-value a:hover{text-decoration:underline}.description-card{background:#fff;border:1px solid #eee;border-radius:8px;margin-top:16px;padding:20px;box-shadow:0 2px 8px #00000008}.description-card h3{color:#222;margin:0 0 12px;font-size:13px}.description-card p{color:#555;margin:0;font-size:13px;line-height:1.6}.application-summary-right{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.summary-action-buttons{gap:10px;display:flex}.back-link{color:#e91e63;margin-bottom:14px;font-size:12px;font-weight:600;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.modal-overlay{background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.delete-modal{text-align:center;background-color:#fff;border-radius:8px;width:300px;padding:20px}.dashboard-page{width:100%}.dashboard-header{margin-bottom:24px}.dashboard-header h1{color:#111;margin-bottom:4px;font-size:24px;font-weight:700}.dashboard-header p{color:#777;font-size:13px}.stats-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:28px;display:grid}.stat-card{background:#fff;border:1px solid #eee;border-radius:8px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 2px 8px #00000008}.stat-icon{border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;font-weight:600;display:flex}.stat-card p{color:#777;margin:0;font-size:12px}.stat-card h2{color:#222;margin:3px 0 0;font-size:21px}.total-icon{color:#555;background:#f3f4f6}.applied-icon{color:#e91e63;background:#fff0f5}.interview-icon{color:#d97706;background:#fff7e6}.offered-icon{color:#16a34a;background:#ecfdf3}.rejected-icon{color:#dc2626;background:#fff1f2}.recent-section{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px}.recent-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.recent-header h2{color:#222;margin:0;font-size:17px;font-weight:600}.recent-add-btn{color:#fff;background:#e91e63;border-radius:6px;justify-content:center;align-items:center;padding:9px 15px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.recent-add-btn:hover{background:#d81b60}.job-list{width:100%}.job-row>span,.job-row>a,.job-row>div{min-width:0}.job-list-header,.job-row{grid-template-columns:1.6fr 1.2fr 1fr 1fr .8fr 1fr 1fr;align-items:center;column-gap:16px;display:grid}.job-list-header{color:#777;background:#fafafa;border-bottom:1px solid #eee;padding:12px 14px;font-size:12px;font-weight:600}.job-row{background:#fff;border-bottom:1px solid #f0f0f0;padding:15px 14px;font-size:13px}.job-row:last-child{border-bottom:none}.job-row:hover{background:#fffafb}.job-row a{color:#333;text-decoration:none}.job-row a:hover{color:#e91e63}.action-icon-btn{background:#fff0f5;border:1px solid #ffc2d7;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;text-decoration:none;display:inline-flex;color:#e91e63!important}.action-icon-btn:hover{background:#ffe4ee}.filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-input,.status-filter{color:#333;border:1px solid #ccc;border-radius:6px;padding:8px}.search-input{flex:1;min-width:200px}.status-filter{min-width:150px;margin-top:10px;margin-bottom:10px}.clear-btn{cursor:pointer;background:#f5f5f5;border:1px solid #ccc;border-radius:6px;padding:8px 12px}.search-input,.status-filter,.clear-btn{height:36px}.home-actions{text-align:right;margin-top:20px}.job-actions{align-items:center;gap:8px;display:flex}.edit-action,.view-action{font-size:12px;font-weight:500;text-decoration:none}.edit-action{color:var(--color-primary)}.view-action{color:var(--color-text-secondary)}.edit-action:hover,.view-action:hover{text-decoration:underline}.applications-controls{gap:12px;margin:20px 0;display:flex}.applications-controls input{border:1px solid #ddd;border-radius:6px;flex:1;padding:10px 12px;font-family:inherit}.applications-controls select{background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-family:inherit}.applications-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.applications-header h1{color:#222;margin:0;font-size:24px}.add-application-btn{color:#fff;background:#e91e63;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none}.add-application-btn:hover{background:#d81b60}.applications-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.search-box{flex:1}.search-box input{background:#fff;border:1px solid #e2e2e2;border-radius:7px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:13px}.search-box input:focus{border-color:#e91e63}.filter-group{gap:10px;display:flex}.filter-group select{color:#444;background:#fff;border:1px solid #e2e2e2;border-radius:7px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px}.filter-group select:focus{border-color:#e91e63}.add-page{width:100%;max-width:1000px}.add-page-header{margin-bottom:22px}.add-page-header h1{color:var(--color-text);margin:0 0 5px;font-size:24px;font-weight:700}.add-page-header p{color:var(--color-text-muted);margin:0;font-size:13px}.add-form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-medium);width:100%;box-shadow:var(--shadow-card);padding:24px}.form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 24px;width:100%;display:grid}.form-grid>.form-group{min-width:0}.form-group{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.form-group label{color:#333;font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border-input);background:var(--color-surface);border-radius:7px;outline:none;width:100%;padding:11px 12px;font-family:inherit;font-size:13px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary)}.form-group textarea{resize:vertical}.required{color:var(--color-primary);margin-left:2px}.form-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.btn-cancel,.btn-submit{border-radius:var(--radius-small);cursor:pointer;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600}.btn-cancel{background:var(--color-surface);color:#555;border:1px solid var(--color-border-input)}.btn-submit{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.btn-submit:hover{background:var(--color-primary-hover)}.btn-cancel:hover{background:#f7f7f7}@media (width<=700px){.form-grid{grid-template-columns:1fr}}.status-badge{border-radius:20px;justify-content:center;align-items:center;width:fit-content;min-width:90px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-applied{background:var(--color-primary-light);color:var(--color-primary)}.status-interview{background:var(--color-warning-light);color:var(--color-warning)}.status-offered{background:var(--color-success-light);color:var(--color-success)}.status-rejected{background:var(--color-danger-light);color:var(--color-danger)}