*,.container{box-sizing:border-box}.header,body{color:var(--text-dark)}.error,.nav-link{border-radius:5px}*{margin:0;padding:0}body,html{overflow-x:hidden;width:100%;max-width:100vw}embed,iframe,img,object,video{max-width:100%;height:auto}.browse-item,.faculty-card,.nav-link,.note-card,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:root{--primary-blue:#19b668;--primary-blue-dark:#1250cd;--accent-green:#08c56d;--accent-green-dark:#059669;--text-dark:#292525;--text-medium:#2f3743;--light-bg:#ffffff;--white-surface:#f5f8f9;--border-light:#3cc4d6;--shadow-base:rgba(0,  0,  0,  0.08);--shadow-strong:rgba(0,  0,  0,  0.15);--shadow-btn-base:0 4px 0 var(--text-medium),0 4px 12px var(--shadow-base);--shadow-btn-active:0 2px 0 var(--text-medium),0 2px 6px var(--shadow-base);--shadow-card-base:0 8px 0 var(--border-light),0 8px 24px var(--shadow-base);--shadow-card-hover:0 12px 0 var(--border-light),0 12px 36px var(--shadow-strong)}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;background-color:var(--light-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.header,.main{max-width:100vw;overflow-x:hidden}.header+.hero,.header+main,.hero,.main,header+.main{margin-top:0!important;padding-top:0!important}.header{background:linear-gradient(90deg,#1e55cb 0,#3b82f6 100%);box-shadow:0 6px 24px 0 rgba(30,64,175,.1),0 1.5px 0 0 #fff8 inset;border-bottom:1.5px solid #e0e7ef}.header .container{display:flex;justify-content:space-between;align-items:center;position:relative;min-height:70px}.logo{font-size:1.6rem;font-weight:700;color:#fff}.nav{display:flex;gap:5rem}.nav-link{color:#fff;text-decoration:none;padding:.4rem .8rem;transition:background-color .3s}.hero,.search-btn{color:var(--white-surface)}.nav-link.active,.nav-link:hover{background-color:rgba(0,0,0,.05)}.nav-toggle{display:none;justify-content:center;align-items:center;width:40px;height:40px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;z-index:1001;margin-left:auto;transition:.3s;position:relative}.nav-toggle i{font-size:18px;color:#fff;transition:.3s}.nav-toggle:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}.nav-toggle:hover i{transform:scale(1.1)}.nav-toggle.active i{transform:rotate(90deg)}@media (max-width:1024px){.nav-toggle{display:flex!important}.nav{position:absolute;top:100%;right:0;background:var(--primary-blue);flex-direction:column;align-items:flex-start;width:250px;padding:1rem .5rem;box-shadow:0 8px 24px var(--shadow-strong);border-radius:0 0 0 16px;transform:translateX(100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out;z-index:1000;gap:0;opacity:0;pointer-events:none}.nav.open{transform:translateX(0);opacity:1;pointer-events:auto}.nav-link{width:100%;padding:1rem 1.5rem;border-radius:0;text-align:left;font-size:1.1rem;color:var(--white-surface)}.header .container{flex-direction:row;justify-content:space-between;align-items:center;padding:.6rem 15px}}.faculty-card,.hero,.section-title{text-align:center}@media (min-width:1025px){.nav{position:static;flex-direction:row;align-items:center;background:0 0;box-shadow:none;width:auto;padding:0;opacity:1;pointer-events:auto;transform:none;gap:2rem}.nav-link{padding:.5rem 1rem;border-radius:5px;font-size:1rem}.nav-toggle{display:none!important}.header .container{flex-direction:row;justify-content:space-between;padding:.6rem 20px}}.main{min-height:calc(100vh - 120px);padding:2rem 0;width:100%}.hero{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);padding:4rem 0;margin-bottom:3rem;z-index:auto;margin-top:2rem!important;margin-top:0!important;padding-top:4rem!important}.hero-title{font-size:4rem;margin-bottom:1rem;font-weight:700}.hero-subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.search-box{display:flex;max-width:600px;margin:0 auto;gap:1rem}.search-input{flex:1;padding:1rem;border:1px solid var(--border-light);border-radius:10px;font-size:1rem;outline:0;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);transition:border-color .3s,box-shadow .3s}.search-input:focus{border-color:var(--primary-blue);box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 0 3px rgba(59,130,246,.2)}.search-btn{padding:1rem 2rem;background:var(--accent-green);border:none;border-radius:10px;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .1s,box-shadow .1s;box-shadow:0 4px 0 var(--accent-green-dark),0 4px 12px var(--shadow-base)}.faculty-card,.note-card{background:var(--white-surface);box-shadow:var(--shadow-card-base);transition:transform .3s,box-shadow .3s}.search-btn:hover{background:var(--accent-green-dark);box-shadow:0 5px 0 var(--accent-green-dark),0 5px 15px var(--shadow-strong);transform:translateY(-1px)}.search-btn:active{background:var(--accent-green-dark);box-shadow:0 2px 0 var(--accent-green-dark),0 2px 6px var(--shadow-base);transform:translateY(2px)}.section-title{font-size:2rem;margin-bottom:2rem;color:var(--text-dark)}.faculty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.faculty-grid{background:var(--white-surface);overflow:visible;padding-bottom:2rem}.faculty-card{padding:2rem;border-radius:15px;border:1px solid var(--border-light);cursor:pointer}.faculty-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card-hover)}.faculty-icon{font-size:3rem;margin-bottom:1rem;color:var(--primary-blue)}.faculty-card h4,.note-title{margin-bottom:.5rem;color:var(--text-dark)}.faculty-card h4{font-size:1.3rem}.browse-item p,.faculty-card p,.note-info p{color:var(--text-medium);font-size:.9rem}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.note-card{padding:1.5rem;border-radius:10px;border:1px solid var(--border-light)}.browse-item:hover,.note-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.note-title{font-size:1.2rem}.note-meta{color:var(--text-medium);font-size:.9rem;margin-bottom:1rem}.note-actions{display:flex;gap:1rem}.btn-danger,.btn-primary,.btn-secondary,button:not(.toggle-btn){padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .3s,transform .1s,box-shadow .1s;box-shadow:var(--shadow-btn-base)}.filter-item select,.form-group input,.form-group select{padding:.75rem;transition:border-color .3s,box-shadow .3s;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.btn-danger:active,.btn-primary:active,.btn-secondary:active,button:active:not(.toggle-btn){box-shadow:var(--shadow-btn-active);transform:translateY(2px)}.btn-primary{background:var(--primary-blue);color:var(--white-surface);box-shadow:0 4px 0 var(--primary-blue-dark),0 4px 12px var(--shadow-base)}.btn-primary:hover{background:var(--primary-blue-dark);box-shadow:0 5px 0 var(--primary-blue-dark),0 5px 15px var(--shadow-strong);transform:translateY(-1px)}.btn-secondary{background:#f73737;color:#fff;border:2px solid #f73737;box-shadow:0 4px 0 #c51c35,0 4px 12px rgba(247,55,55,.3)}.breadcrumb,.no-results,.tab-btn,.toggle-btn{color:var(--text-medium)}.admin-dashboard,.browse-item,.login-section,.search-filters{background:var(--white-surface);box-shadow:var(--shadow-card-base)}.btn-secondary:hover{background:#c51c35;box-shadow:0 5px 0 #a0152a,0 5px 15px rgba(247,55,55,.4);transform:translateY(-1px)}.breadcrumb{margin-bottom:2rem;font-size:.9rem}.breadcrumb a{color:var(--primary-blue);text-decoration:none}.browse-item h3,.filter-item label,.form-group label,.note-info h4{margin-bottom:.5rem;color:var(--text-dark)}.browse-header,.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.note-actions,.view-toggle{display:flex;gap:.5rem}.toggle-btn{padding:.5rem 1rem;border:1px solid var(--border-light);background:var(--white-surface);cursor:pointer;border-radius:5px;transition:.3s}.toggle-btn.active{background:var(--primary-blue);color:var(--white-surface);border-color:var(--primary-blue)}.browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.browse-list,.notes-list{display:flex;flex-direction:column;gap:1rem}.browse-item{padding:1.5rem;border-radius:10px;border:1px solid var(--border-light);cursor:pointer;transition:transform .3s,box-shadow .3s}.search-filters{padding:2rem;border-radius:10px;border:1px solid var(--border-light);margin-bottom:2rem}.login-section,.no-results{padding:3rem;text-align:center}.filter-group{display:flex;gap:1rem;margin-bottom:1rem}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-item{display:flex;flex-direction:column}.filter-item label{font-weight:500}.filter-item select{border:1px solid var(--border-light);border-radius:5px;font-size:.9rem}.filter-item select:focus,.form-group input:focus,.form-group select:focus{outline:0;border-color:var(--primary-blue);box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 0 3px rgba(59,130,246,.2)}.search-results{min-height:300px}.admin-panel{max-width:800px;margin:0 auto}.login-section{border-radius:10px;border:1px solid var(--border-light)}.login-form{max-width:400px;margin:0 auto}.form-group{margin-bottom:1.5rem;text-align:left}.back-button,.footer,.loading,.page-title{text-align:center}.form-group label{display:block;font-weight:500}.form-group input,.form-group select{width:100%;border:1px solid var(--border-light);border-radius:5px;font-size:1rem}.admin-dashboard{padding:2rem;border-radius:10px;border:1px solid var(--border-light)}.dashboard-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-light)}.tab-btn{padding:1rem 2rem;background:0 0;border:none;cursor:pointer;font-size:1rem;border-bottom:2px solid transparent;transition:.3s}.note-item,.upload-form{background:var(--light-bg)}.btn-danger,.footer{color:var(--white-surface)}.tab-btn.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue)}.tab-content{padding:2rem 0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.upload-form{padding:2rem;border-radius:10px;margin-bottom:2rem;border:1px dashed var(--border-light)}.note-item{padding:1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-light)}.btn-danger{background:#dc2626;box-shadow:0 4px 0 #b91c1c,0 4px 12px var(--shadow-base)}.btn-danger:hover{background:#b91c1c;box-shadow:0 5px 0 #b91c1c,0 5px 15px var(--shadow-strong);transform:translateY(-1px)}.footer{background:#133e6c;padding:2rem 0}.page-title{font-size:2.5rem;margin-bottom:2rem;color:var(--text-dark)}.loading{padding:2rem;color:var(--text-medium)}.error,.success{padding:1rem;margin-bottom:1rem}.error{background:#fee2e2;color:#dc2626;border:1px solid #dc2626}.success{background:#dcfce7;color:#15803d;border-radius:5px;border:1px solid #15803d}.back-button{margin-top:2rem}@media (max-width:767px){.admin-dashboard,.browse-header,.container,.faculties,.hero,.recent-notes,.search-filters{width:100%;max-width:100vw;overflow-x:hidden}.form-group input[type=file],.tab-btn{text-align:center;background:var(--light-bg)}.btn-primary,.tab-btn.active{box-shadow:0 4px 12px rgba(59,130,246,.3)}.btn-primary:hover,.tab-btn:hover{transform:translateY(-2px)}.container{padding:0 15px}.search-box,.search-btn,.search-input{width:100%;max-width:100%}.search-box{flex-direction:column;gap:.5rem;flex-direction:column}.faculty-grid,.notes-grid{max-width:100vw;overflow-x:hidden;gap:1rem;width:100%}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.faculty-grid{grid-template-columns:1fr}.notes-grid{grid-template-columns:repeat(2,1fr)}.browse-grid,.filter-row,.form-row{grid-template-columns:1fr}.browse-header{flex-direction:column;gap:1rem;align-items:stretch}.dashboard-header,.filter-group{flex-direction:column}.form-row{gap:1.5rem}.login-section{padding:2rem 1.5rem;margin:1rem 0}.login-section h2{font-size:2rem;text-align:center;margin-bottom:2rem}.login-form{max-width:100%}.login-form .btn-primary,.subject-form .btn-primary,.upload-form .btn-primary{width:100%;padding:1.2rem;font-size:1.1rem;border-radius:12px;min-height:50px;margin-top:1.5rem}.upload-form{padding:1.5rem;margin-bottom:2rem}.form-group,.upload-form h3{margin-bottom:1.5rem}.upload-form h3{font-size:1.5rem;text-align:center}.form-group label{font-size:1rem;margin-bottom:.8rem;display:block;font-weight:600}.form-group input,.form-group select{padding:1rem;font-size:1rem;border-radius:10px;border:2px solid var(--border-light);width:100%;min-height:48px}.form-group input:focus,.form-group select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-group input[type=file]{padding:1rem;border:2px dashed var(--border-light);cursor:pointer}.form-group input[type=file]:hover{border-color:var(--primary-blue);background:rgba(59,130,246,.05)}.admin-dashboard{padding:1.5rem;margin:1rem 0}.dashboard-header{gap:1.5rem;align-items:stretch;margin-bottom:2rem}.dashboard-header h2{font-size:1.8rem;text-align:center}.dashboard-tabs{flex-direction:column;gap:.5rem;margin-bottom:2rem;border-bottom:none}.tab-btn{padding:1.2rem;font-size:1.1rem;border-radius:12px;border:2px solid var(--border-light);margin-bottom:.5rem;transition:.3s;min-height:50px;display:flex;align-items:center;justify-content:center}.btn-primary,.tab-btn.active,.tab-btn:hover{background:var(--primary-blue);color:#fff}.tab-btn.active{border-color:var(--primary-blue)}.note-item{flex-direction:column;gap:1.5rem;align-items:stretch;padding:1.5rem}.note-actions{justify-content:center;gap:1rem;flex-wrap:wrap}.note-actions button{flex:1;min-width:120px;padding:1rem 1.5rem;font-size:1rem;border-radius:12px;min-height:48px}.dashboard-header .btn-secondary{width:100%;padding:1rem 2rem;font-size:1.1rem;border-radius:12px;min-height:48px;background:#ff3636;color:#fff;border:none}.dashboard-header .btn-secondary:hover{background:#af1414;transform:translateY(-2px)}.btn-danger,.btn-primary,.btn-secondary{padding:1rem 2rem;font-size:1.1rem;border-radius:12px;min-height:48px;border:none;font-weight:600;transition:.3s}.nav,.nav-link{border-radius:0}.btn-primary:hover{background:var(--primary-blue-dark);box-shadow:0 6px 20px rgba(59,130,246,.4)}.btn-primary:active{background:var(--primary-blue-dark);transform:translateY(0);box-shadow:0 2px 8px rgba(59,130,246,.5)}.btn-secondary{background:#f73737;color:#fff;box-shadow:0 4px 12px rgba(107,114,128,.3)}.btn-secondary:hover{background:#c51c35;transform:translateY(-2px);box-shadow:0 6px 20px rgba(107,114,128,.4)}.btn-secondary:active{background:#374151;transform:translateY(0);box-shadow:0 2px 8px rgba(107,114,128,.5)}.btn-danger{background:#dc2626;color:#fff;box-shadow:0 4px 12px rgba(220,38,38,.3)}.btn-danger:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 20px rgba(220,38,38,.4)}.btn-danger:active{background:#991b1b;transform:translateY(0);box-shadow:0 2px 8px rgba(220,38,38,.5)}.nav{width:100%;right:0;position:absolute;top:100%;background:var(--primary-blue);flex-direction:column;align-items:flex-start;padding:1rem .5rem;box-shadow:0 8px 24px var(--shadow-strong);transform:translateX(100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out;z-index:1000;gap:0;opacity:0;pointer-events:none}.nav.open{transform:translateX(0);opacity:1;pointer-events:auto}.nav-toggle{display:flex!important;width:44px;height:44px}.nav-toggle i{font-size:18px}.nav-link{width:100%;padding:1rem 1.5rem;text-align:left;font-size:1.1rem;color:var(--white-surface)}.note-card{padding:.7rem;width:100%;box-sizing:border-box}}@media (min-width:768px) and (max-width:1024px){.container{padding:0 30px;max-width:100%}.header{padding:1.2rem 0}.logo{font-size:1.8rem}.nav-link{padding:.7rem 1.2rem;font-size:1.1rem}.hero{padding:3rem 0}.hero-title{font-size:2.5rem;margin-bottom:1.2rem}.hero-subtitle{font-size:1.3rem;margin-bottom:2.5rem}.search-box{max-width:500px;gap:1.2rem}.search-input{padding:1.2rem;font-size:1.1rem}.search-btn{padding:1.2rem 2.5rem;font-size:1.1rem}.faculty-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-bottom:4rem}.browse-grid,.notes-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.faculty-card{padding:2.5rem;border-radius:18px}.faculty-icon{font-size:3.5rem;margin-bottom:1.5rem}.faculty-card h4{font-size:1.4rem;margin-bottom:.8rem}.faculty-card p{font-size:1.1rem}.browse-item,.note-card{padding:2rem;border-radius:15px}.note-title{font-size:1.3rem;margin-bottom:1rem}.browse-header,.section-title{margin-bottom:2.5rem}.filter-item label,.note-meta p{font-size:1rem;margin-bottom:.5rem}.section-title{font-size:2.2rem}.browse-item h3{font-size:1.3rem;margin-bottom:.8rem}.browse-item p{font-size:1rem}.search-filters{margin-bottom:3rem}.filter-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.dashboard-header,.dashboard-tabs{margin-bottom:3rem;border-bottom:2px solid var(--border-light)}.filter-item select{padding:1rem;font-size:1rem;border-radius:10px}.admin-dashboard{padding:2.5rem;border-radius:15px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.dashboard-header{padding-bottom:1.5rem}.dashboard-header h2{font-size:2.2rem;color:var(--text-dark)}.dashboard-tabs{gap:1.5rem;padding-bottom:1rem}.form-group input[type=file]:hover,.tab-btn.active,.tab-btn:hover{border-color:var(--primary-blue)}.btn-danger,.btn-primary,.btn-secondary,.tab-btn{padding:1.2rem 2.5rem;min-height:52px;font-weight:600;transition:.3s}.tab-btn{font-size:1.1rem;border-radius:12px;background:var(--light-bg);border:2px solid var(--border-light)}.btn-primary,.tab-btn.active,.tab-btn:hover{background:var(--primary-blue);color:#fff}.tab-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.3)}.tab-btn.active{box-shadow:0 4px 16px rgba(59,130,246,.4);transform:translateY(-2px)}.form-group input,.form-group select{padding:1.2rem;font-size:1rem;border-radius:12px;border:2px solid var(--border-light);transition:.3s}.form-group input:focus,.form-group select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px rgba(59,130,246,.1);transform:translateY(-1px)}.form-group label{font-size:1.1rem;margin-bottom:.8rem;font-weight:600;color:var(--text-dark)}.btn-danger,.btn-primary,.btn-secondary{font-size:1.1rem;border-radius:12px;border:none}.btn-primary{box-shadow:0 4px 16px rgba(59,130,246,.3)}.btn-primary:hover{background:var(--primary-blue-dark);transform:translateY(-3px);box-shadow:0 8px 25px rgba(59,130,246,.4)}.btn-primary:active{background:var(--primary-blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.5)}.btn-secondary{background:#f73737;color:#fff;box-shadow:0 4px 16px rgba(247,55,55,.3)}.btn-secondary:hover{background:#c51c35;transform:translateY(-3px);box-shadow:0 8px 25px rgba(247,55,55,.4)}.btn-secondary:active{background:#a0152a;transform:translateY(-1px);box-shadow:0 4px 12px rgba(247,55,55,.5)}.btn-danger{background:#dc2626;color:#fff;box-shadow:0 4px 16px rgba(220,38,38,.3)}.btn-danger:hover{background:#b91c1c;transform:translateY(-3px);box-shadow:0 8px 25px rgba(220,38,38,.4)}.btn-danger:active{background:#991b1b;transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,38,38,.5)}.login-section{padding:3rem 2rem;border-radius:15px;background:var(--white-surface);box-shadow:0 8px 32px rgba(0,0,0,.1)}.login-section h2{font-size:2.5rem;margin-bottom:2.5rem;text-align:center}.login-form .btn-primary,.subject-form .btn-primary{width:100%;max-width:300px;margin:2rem auto 0;display:block}.upload-form{padding:2.5rem;border-radius:15px;background:var(--light-bg);border:2px dashed var(--border-light)}.upload-form h3{font-size:1.8rem;margin-bottom:2rem;text-align:center}.upload-form .btn-primary{width:100%;max-width:400px;margin:2rem auto 0;display:block}.form-group input[type=file]{padding:1.5rem;border:2px dashed var(--border-light);background:var(--light-bg);text-align:center;cursor:pointer;border-radius:12px;transition:.3s}.form-group input[type=file]:hover{background:rgba(59,130,246,.05);transform:translateY(-1px)}.nav-toggle{display:flex!important;width:48px;height:48px}.nav-toggle i{font-size:20px}.nav-link{min-height:44px;display:flex;align-items:center}.footer,.main{padding:2.5rem 0}.page-title{font-size:2.2rem;margin-bottom:2rem}input,select,textarea{font-size:16px!important}.browse-item:hover,.faculty-card:hover,.note-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.15)}.note-actions{gap:1rem}.note-actions button{flex:1;min-width:120px}}@media (min-width:1200px){.faculty-grid,.notes-grid{grid-template-columns:repeat(3,1fr)}.browse-grid{grid-template-columns:repeat(4,1fr)}.admin-dashboard{padding:3rem;border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.1);max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:3.5rem;padding-bottom:2rem}.btn-danger,.btn-primary,.btn-secondary,.tab-btn{padding:1.5rem 3rem;min-height:60px;border-radius:15px}.dashboard-header h2{font-size:2.5rem}.dashboard-tabs{gap:2rem;margin-bottom:3.5rem}.tab-btn{font-size:1.2rem}.tab-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(59,130,246,.4)}.tab-btn.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:0 6px 20px rgba(59,130,246,.5);transform:translateY(-2px)}.form-group input,.form-group select{padding:1.5rem;font-size:1.1rem;border-radius:15px}.form-group label{font-size:1.2rem;margin-bottom:1rem}.btn-danger,.btn-primary,.btn-secondary{font-size:1.2rem}.login-section,.upload-form{border-radius:20px;margin:0 auto}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(59,130,246,.5)}.btn-primary:active{background:var(--primary-blue-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.6)}.btn-secondary:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(247,55,55,.5)}.btn-secondary:active{background:#a0152a;transform:translateY(-2px);box-shadow:0 6px 20px rgba(247,55,55,.6)}.btn-danger:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(220,38,38,.5)}.btn-danger:active,.form-group input[type=file]:hover{transform:translateY(-2px)}.btn-danger:active{background:#991b1b;box-shadow:0 6px 20px rgba(220,38,38,.6)}.login-section{padding:4rem 3rem;max-width:500px}.login-section h2{font-size:3rem;margin-bottom:3rem}.login-form .btn-primary,.subject-form .btn-primary{max-width:350px;margin:3rem auto 0}.upload-form{padding:3rem;max-width:800px}.upload-form h3{font-size:2rem;margin-bottom:2.5rem}.upload-form .btn-primary{max-width:450px;margin:3rem auto 0}.form-group input[type=file]{padding:2rem;border-radius:15px}.note-actions{gap:1.5rem}.note-actions button{min-width:140px;padding:1rem 2rem}}@media print{.btn-primary,.btn-secondary,.footer,.header,.nav,.nav-toggle,.search-box{display:none}body{font-size:12pt;line-height:1.4}.main{padding:0}.browse-item,.faculty-card,.note-card{break-inside:avoid;margin-bottom:1rem;box-shadow:none;border:1px solid #000}}.subjects-manager{margin-top:2rem}.subject-form{background:#f8f9fa;padding:2rem;border-radius:12px;margin-bottom:2rem;border:1px solid #e9ecef}.subjects-header{background:linear-gradient(135deg,#3b82f6 0,#1d4ed8 100%);color:#fff;padding:1.5rem;border-radius:12px;margin-bottom:2rem;text-align:center}.subjects-header h4{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.subjects-header p{margin:0;opacity:.9;font-size:1rem}.subject-group{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.subject-group:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.subject-group-header{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.semester-info,.subject-info{align-items:center;gap:1rem;display:flex}.subject-group-header h5{margin:0;font-size:1.2rem;font-weight:600}.semester-info{flex-wrap:wrap}.semester-badge{background:rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.subject-count{font-size:.9rem;opacity:.9}.subject-items{padding:1.5rem}.subject-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #f1f3f4;transition:.2s;border-radius:8px;margin-bottom:.5rem}.subject-item:last-child{border-bottom:none;margin-bottom:0}.subject-item:hover{background:#f8f9fa;transform:translateX(4px)}.subject-info{flex:1}.subject-number{background:#3b82f6;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0}.subject-name{font-weight:500;color:#495057;font-size:1rem}.subject-actions{display:flex;gap:.5rem;flex-shrink:0}.subject-actions .btn-danger,.subject-actions .btn-secondary{padding:.5rem 1rem;font-size:.85rem;border-radius:6px;display:flex;align-items:center;gap:.5rem;transition:.2s}.subject-actions .btn-secondary{background:#f59e0b;border-color:#f59e0b}.subject-actions .btn-secondary:hover{background:#d97706;transform:translateY(-1px)}.subject-actions .btn-danger:hover{background:#c82333;transform:translateY(-1px)}.edit-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:.3s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.edit-modal.show{opacity:1;visibility:visible}.edit-modal-content{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:500px;width:90%;transform:scale(.9);transition:transform .3s}.edit-modal.show .edit-modal-content{transform:scale(1)}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.edit-modal-header h3{margin:0;color:#374151;font-size:1.5rem}.edit-modal-close{background:0 0;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:50%;transition:.2s}.edit-modal-close:hover{background:#f3f4f6;color:#374151}.edit-modal-form{display:flex;flex-direction:column;gap:1.5rem}.edit-modal-form .form-group{margin:0}.edit-modal-form label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.edit-modal-form input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s}.edit-modal-form input:focus{outline:0;border-color:#3b82f6}.edit-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.edit-modal-actions .btn-secondary{background:#f73737;border-color:#f73737}.edit-modal-actions .btn-secondary:hover{background:#c51c35}.edit-modal-actions .btn-primary{background:#3b82f6;border-color:#3b82f6}.edit-modal-actions .btn-primary:hover{background:#2563eb}@media (max-width:767px){.edit-modal{padding:.5rem;align-items:center}.edit-modal-content{padding:1.25rem;margin:0;width:100%;max-width:320px;border-radius:10px;transform:scale(.95);position:relative}.edit-modal.show .edit-modal-content{transform:scale(1)}.edit-modal-header{margin-bottom:.75rem;padding-bottom:.5rem}.edit-modal-header h3,.subject-group-header h5{font-size:1.1rem}.edit-modal-close{font-size:1.3rem;padding:.4rem}.edit-modal-form,.semester-info{gap:.75rem}.edit-modal-form input{padding:.7rem;font-size:.95rem;border-radius:6px;border-width:1px}.edit-modal-actions{flex-direction:column;gap:.5rem;margin-top:1rem}.edit-modal-actions button{width:100%;padding:.7rem;font-size:.95rem;border-radius:6px;min-height:40px;font-weight:600}.edit-modal-form label{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.subjects-header{padding:1rem;margin-bottom:1.5rem}.subjects-header h4{font-size:1.3rem}.subject-group-header{padding:1rem;flex-direction:column;align-items:flex-start;gap:.75rem}.semester-badge{padding:.4rem .8rem;font-size:.8rem}.subject-items{padding:1rem}.subject-item{padding:.75rem;flex-direction:column;align-items:flex-start;gap:.75rem}.subject-info{width:100%}.subject-actions{width:100%;justify-content:flex-end;gap:.5rem}.subject-actions .btn-danger,.subject-actions .btn-secondary{padding:.6rem 1rem;font-size:.8rem;flex:1;justify-content:center}}@media (min-width:768px) and (max-width:1024px){.edit-modal,.subject-item{padding:1rem}.edit-modal-content{padding:2rem;max-width:450px;width:100%;border-radius:15px;transform:scale(.95)}.edit-modal.show .edit-modal-content{transform:scale(1)}.edit-modal-header{margin-bottom:2rem;padding-bottom:1.25rem}.edit-modal-header h3{font-size:1.6rem}.edit-modal-close{font-size:1.8rem;padding:.75rem}.edit-modal-form{gap:1.75rem}.edit-modal-form input{padding:1.2rem;font-size:1.1rem;border-radius:12px;border-width:2px}.edit-modal-actions{gap:1.25rem;margin-top:2rem}.edit-modal-actions button{padding:1.2rem 2rem;font-size:1.1rem;border-radius:12px;min-height:55px;font-weight:600}.edit-modal-form label{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.subject-group-header,.subject-items,.subjects-header{padding:1.25rem}.subject-actions .btn-danger,.subject-actions .btn-secondary{padding:.6rem 1.2rem;font-size:.9rem}}@media (max-width:1024px){.nav,.nav-link{color:#fff!important}.nav{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:linear-gradient(135deg,#399ff9 0,#39aff3 100%)!important;z-index:11000!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:0!important;box-shadow:none!important;border-radius:0!important;gap:2rem!important;opacity:0;pointer-events:none;transition:opacity .3s}.nav.open{opacity:1;pointer-events:auto}.nav-link{font-weight:700;font-size:2rem!important;text-shadow:0 1px 2px #0008;width:auto!important;padding:1rem 2rem!important;border-radius:8px!important;text-align:center!important;background:0 0!important;transition:background .2s}.nav-link:active,.nav-link:focus,.nav-link:hover{background:#333!important}}#pdfPagesContainer{display:flex;flex-direction:column;align-items:center;gap:10px;overflow-y:auto;max-height:70vh;padding:10px}#pdfPagesContainer canvas{width:100%;max-width:600px;height:auto;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.pdf-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:rgba(30,41,59,.7);z-index:12000}.pdf-modal-content{top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px rgba(0,0,0,.18);z-index:12001;max-width:600px;padding:2rem 1rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.pdf-modal-close{background:0 0;border:none;transition:color .2s}.pdf-modal-close:hover{color:#39aff3}#pdfPreviewFrame{width:100%;height:60vh;border-radius:10px;border:1px solid #e5e7eb;background:#f5f8f9}#pdfDownloadBtn{margin-top:1rem;width:100%;max-width:300px;font-size:1.1rem;border-radius:8px;text-align:center}@media (max-width:600px){.pdf-modal-content{width:98vw;max-width:98vw;padding:1rem .2rem}#pdfPreviewFrame{height:40vh}#pdfDownloadBtn{font-size:1rem}}#pdfViewer,.pdf-modal{width:100%;height:100%}.pdf-modal{position:fixed;top:0;left:0;background:rgba(0,0,0,.7);z-index:9999;display:flex;justify-content:center;align-items:center}.pdf-modal.hidden{display:none}.pdf-modal-content{width:90%;height:90%;background:#fff;border-radius:8px;overflow:hidden;position:relative}#pdfViewer{border:none}.pdf-modal-close{position:absolute;top:10px;right:15px;font-size:28px;color:#333;cursor:pointer;z-index:10000}.browse-grid,.notes-grid{background:var(--white-surface)!important;overflow:visible!important;padding-bottom:2rem!important}.arranged-footer{display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}.footer-col{width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.2rem;align-items:center}.footer-logo{font-weight:700;font-size:1.3rem;margin-bottom:.5rem}.footer-copyright{font-size:.95rem;color:#cbd5e1}.footer-address h4,.footer-contact h4{font-size:1.1rem;margin-bottom:.4rem;color:#fff}.footer-address p,.footer-contact p{margin:0 0 .3rem 0;color:#e0e7ef;font-size:.98rem}.footer-address i,.footer-contact i{margin-right:.5em;color:#60a5fa}@media (min-width:700px){.arranged-footer{flex-direction:row;justify-content:center;align-items:flex-start;text-align:left;gap:2.5rem}.footer-col{align-items:flex-start;text-align:left;max-width:350px}}
.instruction-box{background:var(--white-surface);box-shadow:var(--shadow-card-base);border:1px solid var(--border-light);border-radius:15px;padding:2rem;transition:transform .3s,box-shadow .3s;margin:24px 0;text-align:center;}
.instruction-box:hover{transform:translateY(-5px);box-shadow:var(--shadow-card-hover);}
.instruction-box .btn-primary{display:inline-block;margin-top:18px;min-width:180px;}
@media (max-width: 600px){.instruction-box .btn-primary{display:block;width:100%;max-width:350px;margin:18px auto 0 auto;font-size:1.1rem;padding:1.1rem 0;}}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.spinner-modern {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: conic-gradient( #eee 10% 40%, #1250cd 40% 70%, #eee 70% 100%);
  position: relative;
  animation: spin 1s linear infinite;
}
.spinner-modern::after {
  content: '';
  position: absolute;
  top: 8px; left: 8px;
  width: 32px; height: 32px;
  background: #fff;
  border-radius: 50%;
}
.spinner-center {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}